html - 我怎样才能把这两个div放在一起？

Question

如图所示，我有 3 个 div，这里：

我怎样才能确保绿色低于红色？

我的代码是：

<div id='black' style='float: left'></div>
<div id='red' style='float: left'></div>
<div id='green' style='float: left'></div>

提前非常感谢。

Answer 1

试试这个
将红色和绿色 div 组合成一个新的 float:left div
创建一个名为 clr 的新 css 类。

div.clr{clear: both}

并尝试这个标记

<div id='black' style='float: left'></div>
<div style='float: left'>
  <div id='red' style='float: left'></div>
  <div class="clr"></div>
  <div id='green' style='float: left'></div>
<div>​​​​​​​​​​

在这里测试