css - 順序付けされていないリストとテーブルを並べたdivを強制するにはどうすればよいですか？

Question

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

注：HTML4およびHTML5の回答を歓迎します。

私が取り組んでいるものの例。

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%;
}

#mainまた、<div style="clear: left"></div>またはクリア要素を使用してフロートをクリアするか、クリアフィックススタイルの別の要素でフロートをラップすることもできます。