main
ブロック要素は横にスペースがあっても縦に並ぶ。
html, body, header, main, nav, footer{ box-sizing: border-box; margin: 0; padding: 0; } html, body{ width: 100%; height: 100%; } main{ width: 80%; /* widthを指定 */ } nav{ width: 20%; /* widthを指定 */ }
ブロック要素は横にスペースがあっても縦に並ぶ。
html, body, header, main, nav, footer{ box-sizing: border-box; margin: 0; padding: 0; } html, body{ width: 100%; height: 100%; } main{ width: 80%; /* widthを指定 */ } nav{ width: 20%; /* widthを指定 */ }