頭と体の分離

私は、ブラウザウィンドウの上端と私の '頭'の要素と '頭の'要素と私の '体'の間のスペースの領域に何らかの問題を抱えています。これまでのところ、以下のクラスを追加すると、任意の改善が得られていない頭と体の分離

：

.header{ <=== I have also attempted .head with no effect 
    position: absolute; 
    top: o; 
}

を私はまた、パディングとマージンを試してきたが、単純に「キス」に頭のコンテンツを取得することはできません画面の上部とボディの両方のコンテンツ。私はこれを克服するにはどうすればよいhttps://jsfiddle.net/2w3vzstf/

：

あなたはここに私のHTMLとCSSのランダウンを見ることができますか？

出典

2016-05-20 Wolfish

余白やパディングを0に設定してみてください –

巨大な違いがあります''要素と '

'は正しい用語を使用していることを確認してください。 –

@Paulie_D注目、ありがとう – Wolfish

body { 
    margin: 0; 
}

あなたが好きいけない下の間隔は10pxの

のマージントップを持つ#menuは、ページ上の間隔を整理すべきです。

出典

2016-05-20 08:36:38 Hazonko

余白を持っているメニューは、後で来るアンカーです。マイナスマージンでこれを回避することはできますか（代わりに 'margin-bottom：-10px;'）？ – Wolfish

あなたがそれをしたいと思ったら、「#titleback」のマージンを「0 20px -10px」に変更してください。 – Hazonko

メニューのCSS定義の上の余白をコメントアウトしてみてください。

#menu { 
    /* margin-top: 10px; */

これはあなたが望むものですか？

JsFiddle

出典

2016-05-20 08:41:50 SPlatten

@Hazonkoの答えは、現時点ではこれを行うことはできないが、本当にソースについて正しいです。 – Wolfish

あなたのフィドルは、いくつかのマークアップの問題を示しています。

<head>は、ページコンテンツ（「ヘッダー」も含む）の場所ではありません。それはすべて<body>タグに入っているはずです。

私は、CSSが希望な効果を得るために変更することができる方法を示すために、あなたのフィドルを変更した：

https://jsfiddle.net/1kn4tnjz/

基本的にあなたが<body>と<div id="menu">要素に対して

margin: 0;

を設定

出典

2016-05-20 08:43:59 Starscream1984

なぜは制限外ですか？最終的な計画は、均一な要素のための一種のマスターページを作成することでしたが、相当数のテンプレート（VSに含まれているものを含む）はエリアにタイトルなどを配置しました。この練習の特別な理由はありますか？ – Wolfish

''の 'title'は、ブラウザタブのテキストとして表示されるもので、Webページの一部ではありません。 ''は、DOM要素ではなく、メタ情報と読み込みスクリプトまたはスタイルシートです：http://www.w3schools.com/html/html_head.asp – Starscream1984

答えて

関連する問題