html - 要素の配置に関する問題

Question

「固定」ヘッダーを持つページがあります。コンテンツをヘッダーの 20% 下に配置したいのですが、「トップ」プロパティが機能しないようです。「左」と「右」を使用しようとしましたが、うまく機能しているように見えました。この状況に対する指針はありますか？前もって感謝します。

Answer 1

ここで非常に似たようなことをしました: http://firststop.herokuapp.com

padding-top: Xpx次のように、本体の css を使用しました。

body {
    padding-top: 60px;
}

これにより、基本的にページの本文全体の上部にパディングがあり、固定ヘッダーを一番上に保つことができます

position: relativeあなたが抱えている問題は、 fixed 要素が position: absolute 要素のように機能することです-DOMで通常のカスケード設定を使用しないため、それに対して保持することはできません

Answer 2

(margin-top:-Xpx;)Content Div の負の値でCSS 要素を取得します。

Answer 3

次のようにする必要があります。

.header{
position:absulote;
top:20%;
height:400px;
width:500px;
}