如何使用 html div 标签和 css 进行水平分割

【问题标题】：How to make horizontal division using html div tag and css如何使用 html div 标签和 css 进行水平分割
【发布时间】：2012-03-10 02:01:04
【问题描述】：

我正在尝试使用 html 中的 <div> 标记进行两个水平分割，但我做不到。谁能帮我使用带有<div>标签的html和css进行水平分割？

【问题讨论】：

标签： html css layout alignment

【解决方案1】：

<div id="firstDivistion" class="division"></div>
<div id="secondDivistion" class="division"></div>


.division{
  width:50%;
  height:100px;
  float:left;
}

【讨论】：

【解决方案2】：

`<div style='float:left'>stuffs</div>
<div style='float:right'>stuffs</div>
<div style='clear:both'></div>`

在任何情况下都很好，并且在很多地方都被遵循......

【讨论】：

【解决方案3】：

为要匹配的每个div 设置float 属性，例如为每个left 设置float 属性，为每个float 设置足够的宽度，以便父级包含它们。

DEMO

【讨论】：