我读的地方(在堆栈溢出事实上!),这是一个糟糕的主意,用表格来布局页在HTML中。
我有一个需要被“分割”打倒一些内容将会在左边,有些内容会在右边中间的HTML页面。在拳我还以为使用嵌套表均拥有各自宽度为50%。我可以用DIV做同样的事情?或其他一些HTML构建?
<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>
这应该实现(非常基本)你想要什么。
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>
对于基地布局的一种常用的方法是你的地区包装成格容器。这些容器被定位并使用CSS大小。
如果你检查计算器页面(如果在使用Firefox,在右侧边栏的任何元素上单击鼠标右键,并选择“检查元素”),你会看到侧边栏是一个浮动属性的div元素。在检查无表叠加在页面的底部!