html - 这个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

您需要清除 float ，下面是一个示例。

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

你也可以这样做

.random_class {
    clear: both
}