我正在使用bootstrap开发我的模板，它有一个全屏滑块，可以获取特定的特色图像，但是当我将position：relative和position：absolute放在容器中时，绝对位置的那个不再停留在中心位置。
这是我的例子： http://jsfiddle.net/vqcf1L5d/
<div class="container-full header">
<div class="container">
<div class="row">
<div class="col-md-12">
header
</div>
</div>
</div>
我需要标题覆盖背景并且滚动不显示。
答案 0 :(得分：1)
position: absolute正如它所说的那样：它将自己完全置于其父显示上下文中。这意味着您的.header不会自动居中，因为它会看到左上角，因为它是0, 0并向下显示并远离该点。它也在你的.bg元素“后面”，所以你甚至都没有看到它。
你可以改为操纵它的内部.container（并修复z-index）：
.header {
position: absolute;
width: 100%;
z-index: 100;
}
.header .container {
width: 150px;
margin: 0 auto;
background: #fe634e;
opacity: 0.8;
text-align: center;
}