1

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;
}
4

1 に答える 1

2

これは、ズームアウトすると、画面上の要素のサイズが小さくなるためです。しかし、境界線が非常に小さいため、これ以上サイズを小さくすることはできないため、同じままになります。

本当に修正したい場合は、 の幅#containerを約に増やす必要があります652px。

于 2012-04-07T11:59:21.023 に答える