6

テーブルを使用して HTML でページをレイアウトするのは悪い考えだとどこかで (実際には Stack Overflow で!) 読みました。

一部のコンテンツを左側に、一部のコンテンツを右側に配置して、中央で「分割」する必要がある HTML ページがあります。最初は、それぞれの幅が 50% のネストされたテーブルを使用することを考えていました。divを使用して同じことを行うことはできますか? または他のhtml構造？

4

4 に答える 4

10 
<div style="float:left; width:50%;">
Left  <!-- Set Div As your requirement -->
</div>
<div style="float:left; width:50%;">
Right  <!-- Set Div As your requirement -->
</div>
于 2012-11-08T13:24:36.260 に答える
0

stackoverflow ページを調べると (Firefox を使用している場合は、右側のサイドバーの任意の要素を右クリックし、[要素の検査] を選択します)、サイドバーが float 属性を持つ div 要素であることがわかります。ページ下部のインスペクタースタックにテーブルがありません!

于 2012-11-08T13:32:14.983 に答える
0

ベース レイアウトの一般的な方法の 1 つは、領域を div コンテナーにラップすることです。これらのコンテナーは、CSS を使用して配置およびサイズ設定されます。

于 2012-11-08T13:27:49.437 に答える
0

これは（非常に基本的に）あなたが望むものを達成するはずです。

body,html{height:100%}
div.mainLayout{float:left;width:50%}
div.clearFlt{clear:both}

<html>
<head>

</head>
<body>
    <div class="mainLayout">LeftContent
        <div class="clearFlt"></div>
    </div>
    <div class="mainLayout">LeftContent
        <div class="clearFlt"></div>
    </div>
</body>
</html>
于 2012-11-08T13:26:21.473 に答える