CSS をさまざまな画面サイズに適応させる: ガイド

Question

この CSS コードがありますが、問題は padding-top (上部からのスペース) のせいでページが大きすぎて、「スクロール」オプションがあり、ページに収まらないことです。画面全体。

スクロール オプションを無効にするにはどうすればよいですか?

リーリー

overflow:hidden; を追加してみましたが、機能しますが、下部の div の一部が切り取られます。

Answer 1

box-sizing: border-box; を .container に追加して、height のパーセンテージ値にパディングを含めます。