这个HTML代码有什么问题？

Question

<div style="float: left">text1</div> 
<div style="float: right;">text2</div>
<div class="random_class">text3</div>

这是问题所在.Random_class在text1和text2上位于顶部.怎么了？谢谢.

Answer 1

你需要清除浮动,下面是一个例子.

<div class="random_class" style="clear:both">text3</div>

你也可以这样做

.random_class {
    clear: both
}