2011-03-09 178 views
2

我正在做一个水平布局,我想要标题水平滚动..我告诉你一个代码css的例子。固定div水平滚动css

body { 
    background-color:#fff; 
} 

#container { 
    margin:30px auto; 
    width:3000px; 
    height:700px; 
    border:1px dotted #ccc; 
} 

#header { 
    position:scroll; 
    margin:20px 20px; 
    width:200px; 
    height:70px; 
    border:1px dotted #999; 
} 

谢谢

编辑:

yeah..thank你这么much..problem解决!

+1

可以请你把这个jsfiddle.net所以我们可以看到? – corroded 2011-03-09 10:04:15

回答

3

没有position:scroll,我猜你在找的是position:fixed为你的头,但请注意,这将不适用于IE6,但。

一个小样本向您展示:http://jsbin.com/ihuma3/edit

3

简单的解决方案,真的:你只需要改变你的“位置:滚动;”到“溢出:滚动”。

要使其仅为水平滚动,请将其更改为:“overflow-x:scroll;”。

希望有帮助!