0

在下面的代码中,为什么蓝色 div 没有边缘顶部?我明确表示:两者,但它看起来没用。

谢谢。

<div>
<div style="width: 200px; float: left; background-color: red">aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa| 
</div>

<div style="width: 200px; float: right; background-color: red"> a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a aa dasd ada da a </div>    
</div>

<div style="clear: both; width: 200px; background-color: blue; margin-top: 100px; height: 100%">ccccccccccs </div>

http://jsfiddle.net/nYLqA/19/

4

2 回答 2

2

你以错误的方式清除,在蓝色之前使用这条线div

<div style="clear: both;"></div>

演示

提示:我建议您将浮动元素包装在包装器中并自行清除该包装器,而不是在没有任何容器的情况下保留浮动 div,另外 > 我已删除了 2 个杂散标签

如果你想自清除一个元素

<div class="wrapper clear">
  <div class="floated1"></div>
  <div class="floated2"></div>
</div>
<div class="another_div_with_margin_top"></div>

.clear_self:after {
   content: "";
   clear: both;
   display: table;
}
于 2013-05-29T05:23:06.583 回答
0

设置

height: 100%; 
overflow: hidden; 

在顶部包含 div 样式。它会解决你的问题。

jsFiddle 文件链接

于 2013-05-29T07:58:22.557 回答