Html 为什么不是'；这包装不是预期的吗？

我肯定这是我错过的愚蠢的东西。谁能看一下并告诉我为什么BYOB部分出现在右边而不是美国部分下面

---

提前谢谢。

您只需在早餐的下方添加一个清理元素：

<div class="tagPlaces">
    <h3><span id="ctl00_ContentPlaceHolder1_TagListView_ctrl2_TagName">Breakfast</span></h3>

    remaining div content
</div>
<div style="clear: both"></div>

早餐
剩余div内容

您只需在早餐的下方添加一个清除元素：

<div class="tagPlaces">
    <h3><span id="ctl00_ContentPlaceHolder1_TagListView_ctrl2_TagName">Breakfast</span></h3>

    remaining div content
</div>
<div style="clear: both"></div>

早餐
剩余div内容

由于以下因素的组合：

• 酒吧组是浮动的
• 酒吧组旁边有一个空间供BYOB组使用
• BYOB组为

  清除：无

  （默认值）
• “bar”和“BYOB”之间的组比“bar”短，在“bar”旁边留有空间

---

设置

清除：在第一组（1,4,7,10等）之后，每第三组左

原因是：

• 酒吧组是浮动的
• 酒吧组旁边有一个空间供BYOB组使用
• BYOB组为

  清除：无

  （默认值）
• “bar”和“BYOB”之间的组比“bar”短，在“bar”旁边留有空间

---

设置

clear:left

在第一组（1,4,7,10等）之后的第三组上设置

。
经验法则：不需要添加额外元素时，不要添加额外元素。但是标记位置的父级已应用clearfix。既然我是浮动标记位置，那么这不应该吗？我相信这是因为clearfix需要应用于每个标记位置容器，而不仅仅是父容器。我试过那样做，但没有成功。根据我的经验，显式清除元素是最稳定的显示方式，尤其是IE浏览器家族中的“朋友”。虽然我不想这样做，但它似乎是FF和IE中唯一有效的解决方案（除了使用表）。谢谢，Pat.经验法则：在不需要的时候不要添加额外的元素。但是标记位置的父元素已经应用了clearfix。既然我是浮动标记位置，那么这不应该吗？我相信这是因为clearfix需要应用于每个标记位置容器，而不仅仅是父容器。我试过那样做，但没有成功。根据我的经验，显式清除元素是最稳定的显示方式，尤其是IE浏览器家族中的“朋友”。虽然我不想这样做，但它似乎是FF和IE中唯一有效的解决方案（除了使用表）。谢谢，帕特。恩。。。似乎就是这样！我只是不太清楚为什么酒吧旁边有地方放BYOB？我想这和可变高度有关吧？因为如果我在所有组中将height设置为200px，问题就会消失。我会接受的，但我不会为此感到高兴的！：）@乔尔：不，每三分之一：#1（尽管你不需要），#4，#7，等等。@fallen888：是的。因为早餐比酒吧短，所以在酒吧旁边和早餐下面还有空间。说话太早了。。。这是伟大的FF。但是在IE7中，临时部分现在支持右边，而不是紧跟在BYOB后面的中间部分。对于IE6同样，而我同意更少的标记肯定更好，如果你想要IE支持，你就被显式的清除元素卡住了。我每第三组就加一次，在FF，IE，Opera和Safari中都表现得很好。嗯。。。似乎就是这样！我只是不太清楚为什么酒吧旁边有地方放BYOB？我想这和可变高度有关吧？因为如果我在所有组中将height设置为200px，问题就会消失。我会接受的，但我不会为此感到高兴的！：）@乔尔：不，每三分之一：#1（尽管你不需要），#4，#7，等等。@fallen888：是的。因为早餐比酒吧短，所以在酒吧旁边和早餐下面还有空间。说话太早了。。。这是伟大的FF。但是在IE7中，临时部分现在支持右边，而不是紧跟在BYOB后面的中间部分。对于IE6同样，而我同意更少的标记肯定更好，如果你想要IE支持，你就被显式的清除元素卡住了。我每第三组加入一次，它在FF、IE、Opera和Safari中表现良好。