这个html代码有什么问题？

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

这是问题所在。 Random_class在text1和text2的顶部。哪里不对？谢谢。这个html代码有什么问题？

尝试更准确地了解您期望看到的以及您实际看到的内容。 – 2011-02-17 16:40:03

什么风格与random_class关联？任何？没有与random_class关联的样式，我可以看到text1和text2之间出现text3。 – Riggy 2011-02-17 16:41:36

通常情况下，我会希望左边的“text1”，右边的“text2”和“text1”右边的“text3”，而不是任何东西...... – jball 2011-02-17 16:42:15

您需要清除浮动，下面是它的一个例子。

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

你也可以做

.random_class { 
    clear: both 
}

2011-02-17 16:39:53 Loktar

在这里你去：

新增clear:both;到.random_class

2011-02-17 16:41:39

当你漂浮它需要它的内容的元素流。

Text1和Text2是浮动的，所以Text3的行为就像它在那里看不到它。花车知道其他花车。使用clear:both;会告诉CSS，它的左边或右边不应该有任何东西。

2011-02-17 18:48:58 cp3

回答