Question

如果我有以下布局

<div style='float: left;'>Outer Div </div>
<div style='float: left;'>
     <div style='float: left;'>Inner Div </div>
     <div style='float: left;'>Inner Div </div>
     <div style='float: left;'>Inner Div </div>
     <div style='float: left;'>Inner Div </div>
     <div style='float: left;'>Inner Div </div>
</div>

首先调整浏览器大小时，第二个外部div将在第一个外部div下折叠。只有在那之后，内部的div才会崩溃。有没有办法让内部div在外部div崩溃之前先崩溃？

Answer 1

这是一种奇怪的情况。

为了做您想要的事情，我认为您需要进行自适应设计media查询。基本上，您可以根据浏览器窗口的宽度给出条件CSS规则。

@media only screen and (max-width: 500px) {
    body {
        background-color: lightblue;
    }
}

http://www.w3schools.com/css/css_rwd_mediaqueries.asp

浮动元素中的浮动元素

1 个答案: