6

我在某处读到（事实上是在 Stack Overflow 上！）使用表格在 html 中布局页面是个坏主意。

我有一个 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

这应该（非常基本）实现您想要的。

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 回答
0

基本布局的一种常见方法是将您的区域包装到 div 容器中。这些容器使用 CSS 定位和调整大小。

于 2012-11-08T13:27:49.437 回答
0

如果您要检查 stackoverflow 页面（如果使用 firefox，请右键单击右侧边栏上的任何元素，然后选择“检查元素”），您会看到边栏是一个带有 float 属性的 div 元素。页面底部的 Inspector 堆栈上没有表格！

于 2012-11-08T13:32:14.983 回答