Css 调整大小时divs改变位置

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

---

如何解决此问题？

调整外部容器的大小时，如果右div与左div重叠，则右div将下降到下一行。你可以做的两件事。设置父div的宽度，使其不会调整大小，或设置最小宽度，以防止其缩小到某个大小以下。

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

当建筑物的底部坚固时，房间也很坚固。你想在水上盖房子。通过给出基本容器的宽度，使其坚固。

给c1分区一个最小宽度440px-这里有一把小提琴来演示：