为什么我的标题不向右滚动？

Question

我只是制作一个简单的标题，一个带有此css的div元素：

.header

{
position: absolute;
width: 1000px;
height: 50px;
background: #000000;
left: 50%;
top: 0px;
margin: 0 0 0 -500px;
}

一切都很完美，但是当我将窗口调整到小于1000px的宽度时，会出现一个滚动条（就像它应该的那样），但我不能向左滚动。因此我的标题的一部分未显示，无法滚动到。

Answer 1

您所遇到的实际上是正确的行为，因为您处于中心位置 header使用否定margin-left。 您可以使用margin:0 auto水平居中显示它，而不是当前的方法：

header {
    display:block;
    width:1000px;
    margin:0 auto;
}

请务必删除 position:absolute 。

的 Fiddle