固定div与水平滚动CSS

时间:2011-03-09 10:02:52

标签: css html scroll fixed

我正在进行水平布局,我希望标题水平滚动。我给你看一个代码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;  
}

谢谢

编辑:

是的..非常感谢你..问题解决了!!!

2 个答案:

答案 0 :(得分:3)

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

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

希望有所帮助!

答案 1 :(得分:3)

没有position:scroll,我猜你正在为你的标题寻找position:fixed,但请注意,这对IE6不起作用。

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