Css div造型

Question

我有一个div，它里面包含两个div，我包含下面的源代码，问题是：如果我在firefox中缩小，那些div的第二个div从它的位置流出并站在下面第一个div，我应该怎么写css以便它留在它的位置？

<div id="container">
    <div id="id1"></div>
    <div id="id2"></div>
</div>

Style.css是

#container {
    width: 646px;
    height: auto;
    margin:0 auto;
    padding:0;
}

 #id1 {
    float: left;
    width: 315px;
    height: 115px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    box-shadow: 0 1px 1px #cccccc;
}

 #id2 {
    float: left;
    width: 314px;
    height: 115px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    box-shadow: 0 1px 1px #cccccc;
    margin-left:13px;
}

Answer 1

这是因为如果缩小将减少屏幕上元素的大小。但是因为边界太小，所以不能再减小它的大小，所以它会保持不变。

如果你真的想要修复它，你应该将#container的宽度增加到大约652px。