2011-03-09 221 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;」。

希望有幫助!