.container
一連の 100% div (それぞれに独自の div が含まれる) を含むページを作成しようとしていますが、長い単一ページのデザインになります。ただし、から境界線を削除すると.container
、それらはすべて崩壊します。
これがなぜなのか、誰にもわかりますか?
.container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: block;
border: 1px solid salmon;
}
html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-family: sans-serif;
font-size: 10pt;
letter-spacing: 1px;
/* overflow: hidden; */
}
編集: を.container
からdisplay:block;
に変更しdisplay:inline-block;
、これで問題が解決しました。なぜこれができるのか誰にも分かりますか?