Css div styling

Question

私は1つのdivを持っています。その中に2つのdivが含まれています。私は以下のソースコードを含んでいます。質問：firefoxでズームすると、divから2番目の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に増やす必要があります。