2

ウェブサイトのメイン コンテンツが、ページの左端とサイドバーの間で流動的である必要があります。しかし、サイドバーは固定サイズのままにしておきたいです。

サイドバーを DOM のメイン コンテンツの前に配置する必要があるソリューションをいくつか見てきましたが、この場合、サイドバーは HTML のメイン コンテンツの後に配置する必要があります。

私の jsFiddle を参照してください: http://jsfiddle.net/kK5Ly/

現在、サイドバーは左に浮いていますが、メイン コンテンツの下にあります。メイン コンテンツの流動的な幅を維持しながら、メイン コンテンツの横に配置する必要があります。

4

4 に答える 4

2

display: table-cell2 つのコンテナーを試してください。http://jsfiddle.net/kK5Ly/9/を参照してください。

于 2012-07-20T13:19:18.843 に答える
1

ここで私は を使ってちょっとしたトリックをしましたposition: absolute。多分これはあなたが望むものですか?

http://jsfiddle.net/kK5Ly/2/

于 2012-07-20T13:04:55.087 に答える
1

このスタックオーバーフローの質問に答えることがわかりました：

CSS レイアウト 2 列固定流体

そして、これが答えです：

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/

CSS コードは、それがどのように行われるかを確認するために表示されます。

于 2012-07-20T14:06:57.633 に答える
1

@haynarに同意します。テスト中は、サイドバーを左側に、メインコンテンツを右側に配置しようとしていました。そのコードを使用するときは、サイドバー div に追加するだけでなく、メイン コンテンツ div にposition:absolute;も設定するようにしてください。margin-right:250px;

于 2012-07-20T13:17:14.130 に答える