0

当我重新调整浏览器窗口的大小时，右浮动 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;
}

我该如何解决这个问题？

4

4 回答 4

0

当建筑物的基础坚固时，房间也坚固。您正试图在水上建造房屋。通过给定宽度来使您的基础容器坚固。

于 2012-05-25T15:37:55.930 回答
0

当您调整外部容器的大小时，如果右 div 与左 div 重叠，它将下降到下一行。您可以做的几件事..在父级上设置宽度，使其不会调整大小或设置最小宽度以防止其缩小到一定大小以下。

于 2012-05-25T15:31:38.347 回答
0

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

于 2012-05-25T15:35:27.960 回答
0

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

于 2012-05-25T15:54:43.937 回答