html - 如果页面太窄，我的左浮动 div 会浮出页面

Question

我没有找到这个问题，如果它太简单，请原谅。我有一堆大小相同的DIV。我让它们水平漂浮在 页面:

#xx {
    max-height: 180px; overflow-y: hidden;
}
.hflo {
    width: 180px;
    height: 150px;
    float: left;
    margin: 1em;
}

然后我给所有的Divs赋值class="hflo"xx是父div的id。我没有给它分配宽度。我希望 DIV 在页面上行进，然后在它们到达右边缘时下拉并开始新的一行，而不仅仅是消失。

原来如此

<div id="xx">
   <div class="hflo"> ... </div>
   .
   .
   .
</div>

Answer 1

那为什么要在父 div 上设置 max-height 呢？如果你删除它，它们会开始新的一行并且不会消失:

#xx {
    overflow-y: hidden;
}

See this fiddle