1

と という 2 つの div がmapありfiltersます。それぞれに幅 1px の実線の境界線があります。現時点では、mapdiv には幅の異なる 8 行の画像が含まれており (必要に応じてスクリーンショットを提供できます)、位置は固定されています。高さが82.75％のfiltersdivのすぐ下にdivを配置したいと思います。map別の表示と位置の値を試しましたが、成功しませんでした。最初の div が折りたたまれているか、2 番目の div が画面の上部に残っています。画面の 100% をカバーする両方の div を上下に配置するにはどうすればよいですか?

私のCSSコード:

body {
    margin: 0px;
    width: 100%;
    height: 100%;
    background-color: #F7F7F7 !important;
}
#map {
    display: table;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    height: 82.75%;
    position: fixed;
}
#filters {
    border-style: solid;
    border-width: 1px;
    width: 100%;
    height: 17.25%;
    position: fixed;
}
4

1 に答える 1

3

に適用bottom: 0する#filtersと問題が解決します。

編集:これは境界線が原因で発生します-デフォルトでは、幅は要素全体のサイズに追加されません。これらのルールを と の両方に追加する必要があり#mapます#filters。

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-box-sizing: border-box;
于 2013-11-05T10:41:11.653 に答える