0

コンテンツ全体に広がる header 、 footer 、および side bar を作成しようとしていますが、問題が発生しています。私はjsfiddleを持っています。しかし、同じ高さのコンテインメントを持つsidbarの作成に失敗しました。

4

3 に答える 3

0

サイドバーコンテンツバーを定義します

width in %

このように

ライブデモhttp://jsfiddle.net/zAYru/5/

于 2012-07-18T10:17:06.253 に答える
0

この回答を参照してください。ユーザーは、サイドバーとメイン div に同じ量の大きな下部パディングと負の下部パディングを与えることを提案しています。サイドバーとメイン div の周りにコンテナーを配置し、オーバーフローを非表示にします。

于 2012-07-18T09:54:39.550 に答える
0

フルレングスのサイドバーの場合、最善の策はおそらく古いフェイクカラム方式です。これは CSS で行うこともできますが、おそらくこちらの方が簡単です。

基本的に、列の背景が細長いストリップになっている画像が必要です。次に、これを背景画像として親 div に追加すると、完全な高さの列として機能します。

例えば。

.container {
    background: url(your_image) repeat-y left top;
}

<div class="container">
    <div class="sidebar">SIDEBAR</div>
    <div class="content">CONTENT</div>
</div>

ここで詳細を読むことができます - http://www.alistapart.com/articles/fauxcolumns/

于 2012-07-18T09:54:58.503 に答える