Question

我想将html中的div拆分为三个。我的代码如下：

<div id="right" style="width: 20%; float: left;">
    some text
</div>
<div id="leftAndCenter" style="width: 70%; float: right;">
     <div id="center" style="width: 45%; float: left;">
           some other text
     </div>
     <div id="right" style="width: 45%; float: right;">
           and the last text
     </div>
</div>

版本中有一些较长的文字here。我希望右边的文字与“左”和“中心”的高度相同，我该怎么做？

Answer 1

删除此行： <br style="clear:both;"/>

Answer 2

拳头解决方案：

删除示例的<br style="clear:both;"/>

第二种解决方案，更好的HTML：

<div>
   <div style="width: 20%; float: left;">foo </div>
   <div style="width: 33%; float: left;">bar</div>
   <div style="width: 33%; float: left;">biz</div> </div>

将div分成三个垂直部分

2 个答案: