基本的な CSS の質問..._html/css_WEB-ITnose

すごい

.top{ margin-top:100px } や .footer{ margin-bottom:100px } のようなスタイルは効果がないことがわかりました。
そして .nav{ margin:100px auto } と .main{ margin:100px auto } が有効です...
そこで聞きたいのですが、margin は同じレベルの要素間の間隔ですか?
コンテナの上部から 100 ピクセル離れた位置と、コンテナの下部に近いフッターを達成する必要があります。どうすればいいですか？
事前に計算する必要はありません...

ディスカッション（解決策）への返信

パディングを使用するとどうなりますか？私は初心者なので、ここに私の考えがあります。マージンが重なる場合があります。手順については、W3C チュートリアルを参照してください。

これを直接実行することはできませんか? height: 1500px; margin: auto; padding:100px 0;}

高さを設定しなくても問題ありません。

ただし、コンテナの幅と高さを設定した後、フッターからコンテナの下部までの距離が 100 ピクセルになることを願っています
サイズを事前に計算する以外に何か良い方法があるかどうか知りたいです。

高さと幅を定義した overflow:hidden; ブロックを追加します

高さを 100px 減らすことはできませんか?

.container{ 背景: #aabbcc; 幅: 1000px; 高さ: 1400px; マージン: auto; パディング:100px 0;}

.container の合計の高さを 1500 ピクセルにしたい場合は、 1300px に設定すると、パディングの上部と下部をそれぞれ 100px に設定でき、上部と下部の合計の高さは 200px (1300px+200px=1500px) になります。これは希望どおりですか?

コンテナの高さを設定する必要はありません。内部要素が 100px であれば、padding-top:100px を追加すればOKです。フローティング、オーバーフローを追加:非表示