为什么不按预期包装？

Question

我确信这是愚蠢的，我不知道。任何人都可以看看this page，并告诉我为什么BYOB部分出现在美国部分的正确而非正确的位置？

提前致谢。

Answer 1

由于以下组合：

• 栏组浮动
• BYOB组的酒吧组旁边有空间
• BYOB组是clear: none（默认值）
• 'bar'和'BYOB'之间的组比'bar'短，留下空间，但在'bar'旁边

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

Answer 2

你只需要在＆lt; div class =“tagPlaces”＆gt;下面有一个清算元素。早餐：

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

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