内容を超えてdivを展開する

Question

私はメインのコンテンツ領域の左側にサイドバーdivがあり、下にフッターがあります。サイドバーのdivとメインのコンテンツdivを両方ともコンテンツに埋め込まずにフッタに延長するにはどうすればよいですか？

Answer 1

これはあなたが探しているものですか？

<div style="width:80%; margin:0 10% 0 10%"> 
    <div style="background:red; width:20%; float:left">side</div> 
    <div style="background:blue; width:80%;float:right">main</div> 
    <div style="background:green; clear:both;">footer</div> 
</div> 

Answer 2

あなたは最小の高さのCSS属性を探していると思います。マークアップがどのように構造化されているか正確にはわかりませんが、両方のdiv（左側とメイン）またはそれを周囲のコンテナに適用すると、それが実行されます。 http://www.dustindiaz.com/min-height-fast-hack/

：あなたがIEの古いバージョンで動作することが必要な場合は

、次のようなCSSハックの1をチェックアウトする必要があります