如何垂直划分的网页,而无需使用表?

问题描述 投票:5回答:4

我读的地方(在堆栈溢出事实上!),这是一个糟糕的主意,用表格来布局页在HTML中。

我有一个需要被“分割”打倒一些内容将会在左边,有些内容会在右边中间的HTML页面。在拳我还以为使用嵌套表均拥有各自宽度为50%。我可以用DIV做同样的事情?或其他一些HTML构建?

html tabular
4个回答
9
投票
<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>

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>

0
投票

对于基地布局的一种常用的方法是你的地区包装成格容器。这些容器被定位并使用CSS大小。


0
投票

如果你检查计算器页面(如果在使用Firefox,在右侧边栏的任何元素上单击鼠标右键,并选择“检查元素”),你会看到侧边栏是一个浮动属性的div元素。在检查无表叠加在页面的底部!

© www.soinside.com 2019 - 2024. All rights reserved.