Question

当我重新调整浏览器窗口的大小时，

在同一个包含div中左浮动div下方的右浮动div移位。一切都显得正常，直到我调整窗口大小。

其中c1是父，c1a是左div，而c1b是右div。

#c1 {
    margin-top: 50px;

}
#c1a {
    display: inline-block;
    margin-left: 30px;
    background-color: #FFF;
    padding: 5px;
    float: left;
}

#c1b {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    width: 180px;
    font-size: x-small;
    background-color: #CCC;
    float: right;
    margin-right: 200px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 12px;
    padding-left: 12px;
}

我该如何解决这个问题？

Answer 1

如果在调整外部容器大小时它与左侧div重叠，则右侧div将落到下一行。你可以做几件事。在父母身上设置一个宽度，这样它就不会调整大小或设置一个最小宽度，以防止它缩小到一定大小以下。

Answer 2

将父div的最小宽度设置为大于子div的总宽度和边距。

Answer 3

当建筑物的底座很坚固时，房间也很坚固。你正试图在水上建房子。通过给出宽度来使基础容器变得坚固。

Answer 4

给你的＃c1 div一个最小宽度440px - 这是一个小小的演示：http://jsfiddle.net/G6HUy/

divs在调整大小时改变位置

4 个答案: