2011-11-06 11 views
1

次のレイアウト?:ここ2つのDivsを100%の高さで並べて表示するには?

enter image description here

あなたは高さが100%2のdivコンテナを見ることができますを達成するための簡単なCSSの方法があります。右側のdivはメニュー用で、幅は200ピクセルです。また、左のdivも100%の幅でなければならないが、少なくとも200%のマージン - 右(このソリューションは私にとってはうまくいかない:/)ではなく、少なくともすべてのブラウザでそうでなければならない。 できない場合は、誰かがおそらくjqueryプラグインをお勧めしますか?

答えて

5

あなたはこのように実行します。

CSS

.right{ 
    float:right; 
    width:200px; 
    height:100%; 
    background:red; 
} 
.left{ 
    overflow:hidden; 
    background:green; 
    height:100%; 
} 

html, body{ 
    height:100%; 
} 

このhttp://jsfiddle.net/RDyY5/

をチェック
関連する問題