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

Question

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

.header

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

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

Answer 1

您正在经历的实际上是正确的行为，因为您正在居中header 使用负 margin-left。您可以使用 margin:0 auto 水平居中显示它，而不是您当前的方法:

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

确保删除 position:absolute。

Fiddle