如何在不使用表的情况下垂直划分网页？

我在某处阅读（事实上，在stackoverflow.com上！）在html中使用表格布局页面是一个坏主意。如何在不使用表的情况下垂直划分网页？

我有一个HTML页面，需要“分割”中间的一些内容在左边，一些内容在右边。在拳头，我会想到使用嵌套表，每个宽度都是50％。我可以使用div做同样的事吗？或者其他一些html结构？

谢谢！

月

2012-11-08 Jan Tacci

我不明白为什么不能，你能否提供演示或澄清你的问题？ –

<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-08 13:24:36 Akhil

这应该实现（非常基本）你想要什么。

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-08 13:26:21 George

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

来源

2012-11-08 13:27:49

如果您要检查stackoverflow页面（如果使用firefox，右键单击右侧边栏上的任意元素并选择'Inspect Element'），您会看到侧栏是一个div元素，一个float属性。检查器堆栈中没有任何表格在页面底部！

来源

2012-11-08 13:32:14

这只是铬... –

嗯......我在默认情况下安装在我现在使用的Windows 7上的Firefox v16.0.1上。 –