Web ページにスクロール バーが表示される原因がわかりません。jsfiddle: http://jsfiddle.net/XhvEx/
<html>
#menu
アイテムの高さは 100% + 10px です:
#menu {
position:absolute;
width:0px;
height:100%;
background:#4d4d4d;
padding:5px;
}
高さにはパディングは含まれません。高さのパーセンテージを減らすか、 から上下のパディングを削除します#menu
。
#menu では、100% の高さと 5px のパディングを指定しています。
要素の完全な幅/高さは、指定された幅/高さ + パディング + ボーダー + マージンで構成されます。
詳細については、CSS ボックス モデルを参照してください。
100% の高さとパディング (外側に出る) の組み合わせが原因のようです。