Home > Windows > Mozilla > Netscape body要素の高さを無視してスクロールバーが表示される

body要素の高さを無視してスクロールバーが表示される

body要素の高さが閲覧領域をはみ出していないも関わらず、ウィンドウのスクロールバーが表示されてしまう。

例示

<style type="text/css">
<!--
body {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 2em;
    background: lime;
}

#main {
    position: absolute;
    top: 2em;
    left: 0;
    width: 99%;
    height: 100%;
    overflow: auto;
    background: aqua;
}
-->
</style>

<div id="header">(ヘッダ)</div>
<div id="main">(本文)</div>

実際の表示については検証ページをご覧ください。

スクリーンショット

Moz1.0Moz1.0での表示(標準モード)

N6.2N6.2.3での表示(標準モード)

補足

body要素の高さと閲覧領域の高さには関係がありません。閲覧領域のスクロールバーの表示は、閲覧領域をスクロールせずに全要素を表示できるかどうかに依存します。

修正状況

例示ページの場合、N6.2.3ではスクロールバーが表示されますが、Moz1.0では表示されません。

Home > Windows > Mozilla > Netscape body要素の高さを無視してスクロールバーが表示される

Search
オススメ書籍
Feeds

Return to page top