2

私は水平レイアウトを行っており、ヘッダーを水平にスクロールしたい..コード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;  
}

ありがとうございました

編集：

ええ..どうもありがとう..問題は解決しました!!!

4

2 に答える 2

3

本当に簡単な解決策: "position:scroll;" を変更するだけです。「overflow:scroll;」に。

これを水平方向にのみスクロールするには、「overflow-x:scroll;」に変更します。

それが役立つことを願っています!

于 2011-03-09T10:09:03.710 に答える
3

はありませposition:scrollん。あなたが探しているのはposition:fixedヘッダー用だと思いますが、これは IE6 では機能しないことに注意してください。

お見せする小さなサンプル: http://jsbin.com/ihuma3/edit

于 2011-03-09T10:10:04.713 に答える