为什么我的标题不能滚动到右侧？

Question

我只是做一个简单的头，用这个CSS div元素：

.header

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

一切都完美的，但是当我调整我的窗口，比1000像素宽度较小，会出现一个滚动条（就像它应该），但我不能'滚动到左边。所以我的头部的一部分没有显示，不能滚动到。

Answer 1

您遇到什么是真正正确水煤浆，因为您使用的是负margin-left中心 的header。 而非目前的办法，你可以使用margin:0 auto显示其水平居中：

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

确保去除position:absolute。

Fiddle