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

Posted 2023-03-05

【中文标题】如何使用 html div 标签和 css 进行水平分割

【英文标题】：How to make horizontal division using html div tag and css

【发布时间】：2012-03-10 02:01:04

【问题描述】：

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

【参考方案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