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

Question

我正在尝试使用html中的<div>标记进行两次水平分割，但我无法做到。任何人都可以帮我使用带有<div>标签的html和css进行横向划分吗？

Answer 1

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


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

Answer 2

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

在每个案例中都运作良好，并且在很多地方都有效......

Answer 3

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

DEMO