どのように並べ替えられていないリストとdivを並べて強制しますか？

Question

それだけでなく、ウィンドウのサイズがどのように変更されても、それらを並べて保ちます。これを達成するためにテーブルを使用する必要がありますか？より良い方法がありますか？

注：HTML 4とHTML 5の回答が歓迎されます。

An example of what I'm working with.

Answer 1

あなたは次のスタイルは、あなたは問題ないはず設定していた場合：

.page 
{ 
    width: 100%; 
} 

#sidebar 
{ 
    padding: 0; 
    margin: 0; 
    float: left; 
    display: block; 
    width: 20%; 
} 

#main 
{ 
    padding: 0; 
    margin: 0; 
    float: left; 
    display: block; 
    width: 80%; 
} 

あなたはこれらの要素の間にいくつかのスペースをしたい場合は、あなたのスタイルでそれを占める：

#main 
{ 
    padding: 0 0 2% 0; 
    margin: 0; 
    float: left; 
    display: block; 
    width: 78%; 
} 

の後の浮動小数点数を<div style="clear: left"></div>またはクリアリング要素でクリアするか、0を持つ別の要素にラップすることもできますスタイル