私はこのようなCSSを持っています:
#sidebar {
float: left;
margin: 0;
padding: 0;
background: #044169;
}
#sidebar-menu {
height: 100%;
margin: 0;
padding: 0;
background: #CCCCCC;
}
(それをtest.cssと呼びます)そしてこのような単純なHTMLファイル:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test.css">
</head>
<body>
<h1>Test</h1>
<div id="sidebar">
<div id="sidebar-menu">
<ul>
<li>One</li>
</ul>
</div>
</div>
</body>
</html>
なぜ高いのか、広いのか、よくわかりません。...?!?ほど高くすべきではありませんsidebar-menu
35px
sidebar
51px
sidebar-menu
sidebar
私の頭の中では、次のように思います。まあ、margins
0であり、0であるため、(コンテナの)をpaddings
含む要素は、コンテナと同じ大きさである必要があります。sidebar-menu
height:100%
私は明らかに何か非常に間違っています...