我有一个div,当用户上下滚动时,我希望将其固定在某个位置,但是我希望它保持其左对齐以匹配容器中的所有其他div。我正在使用Bootstrap 3,并将所有div放在一个容器中。我希望当用户上下滚动时一个div停留在一个位置,但是我希望它保持.container从bootstrap继承的左对齐,以便它仍然与网站上的其他所有内容对齐。到目前为止,这是我徒劳的。它不遵循div其余部分的对齐方式。
#section {
padding-top: 80px;
padding-bottom: 80px;
z-index: -10;
position: fixed;
left: 10%;
}
<div id="section" class="parallax-section">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<h1>Transformative</h1>
<h1>thinking.</h1>
</div>
</div>
</div>
删除left:10%
行。
我已经通过使用http://codepen.io/pen/找到了错误,可能是将来进行CSS设计/调试时有用的工具。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句