ページの残りの部分を移動せずにヘッダを配置する

Question

私はCSSを初めて使用しているため、残りのページを動かすことなく、文字通り数ピクセル下にヘッダを配置しようとしています。

私はpadding-bottomを試しましたが、ページを下に移動し、余白の底を試して何もしません。 浮動を試み、整列を試みました。線の高さは何らかの理由で効果がありません。わずかな効果がある唯一のものはposition: absolute;とline-heightですが、それはちょっと遠くに動かされました。 line-heightは2pxを上回らず、上記のすべてで％を使ってみました。

ポジションを使用する前に誰かが問題の解決策を持っていますか？絶対に私が今問題があるのはline-heightです。

h2 { 
    padding-left: 45%; 
    position: absolute; 
    line-height: 2px; 
} 

Answer 1

あなたは、その位置を見つけることがあります。絶対にあなたにいくつかの問題が発生します。これは、あなたが通常の流れから取り除いているので、それはもはやその場所を保持しないためです。問題が発生した場合は、position：relativeを代わりに実行してください。それは流れの中でそれを保つべきであり、上に結合されるべきです：2pxは少し下降します。

その他のオプションとして、margin-top：2pxまたはpadding-top：2px（position：relativeを使用しています）を含めることもできます。パディングボトムが機能しなかったのは、パディングボトムが上にあるのではなく、その下に余分な「パディング」スペースを追加したためです。

これは意味がありますか？ご質問ください。

Answer 2

position: absoluteを使用すると、位置には影響しません。

top: 2pxを使用すると、要素が上から2ピクセル下に配置されます。また、line-height: 2pxは、フォントサイズが1pxでない限り、私はそれを使用しません、かなりハッキーに見えます。

h2 { 
    padding-left: 45%; 
    position: absolute; 
    top: 2px; 
} 

positionプロパティについての詳細：http://www.w3schools.com/cssref/pr_class_position.asp