2

大きな負のパーセント マージンを使用すると、DOM のメイン コンテンツの後に左とサイドバーを配置しても、適切な場所に表示できることがわかりました。

(DOM の順序は以下のように固定されています)

<div id="content">The main content</div>
<div id="left">Leftist</div>
<div id="right">Rightist</div>
<div id="footer">Footer</div>

左サイドバーと右サイドバーを提供する唯一の CSS は次のとおりです。

#content { 
    background: green; 
    float: right; width: 60%; margin-right: 20%; margin-left: -80%;
}
#right { 
    background: blue;
    width: 20%; float: right;
}
#left {
    background: red;
    width: 20%; float: left;
}
#footer {
    background: gray;
    clear: both;
}

しかし、これがこれを達成するための好ましい方法であるかどうかは完全にはわかりませんが、うまくいきました。何か問題がありますか? (上記は jsfiddle.net で表示可能)

では、メインの #content の後に #left と #right のサイドバーを CSS で表示する他の方法はありますか?

4

1 に答える 1

1

絶対配置を使用すると、負のマージンなしで必要な場所に配置できます。と を使用left: X;しright: X;て、ページ上の位置を設定します。ここで、X は値と測定単位です。ただし、これを行うには、コンテンツの高さを宣言する必要があるため、フッターをどこまで下に配置するかがわかります。

于 2012-06-03T19:24:40.407 に答える