2016-10-05 5 views
0

私はいくつかの基本的なWeb開発をしようとしていますが、何らかの理由で、開始ボディタグと最初のdivの間に巨大な空白があります。 "position:fixed;"を使わずにdivを一番上に移動する方法、または空白を削除する方法は? HTMLは、デフォルトで8pxマージンを持っているためであるdivの前に空白を取り除く方法

body { 
 
    width: 100%; 
 
    height: auto; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
.top_bar { 
 
    margin: 0; 
 
    padding: 0; 
 
    text-align: center; 
 
    background-color: black; 
 
    color: rgb(179, 0, 0); 
 
    width: 100%; 
 
    height: auto; 
 
    font-size: 200%; 
 
    position: absolute; 
 
}
<div class="top_bar"> 
 
    generic string 
 
    <br> 
 
    <br> 
 
    <br> 
 
</div>

+0

コードスニペットで「」タグを使用する必要がないためです。 ''タグを削除すると、コードスニペットは達成しようとしている結果を表示します。 – Terry

+0

私はこれをCGIで印刷していますが、私はそれらを削除するのを忘れました - 私はそれらをlocalhostに必要とします。 0:白のストライプは、私も「* {宣言}」それでも、この – user4654137

答えて

2

。それを削除するには、以下のコードを使用します。

* { 
 
    margin: 0px; 
 
    padding: 0px; 
 
} 
 
html, 
 
body { 
 
    width: 100%; 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
.top_bar { 
 
    margin: 0; 
 
    padding: 0; 
 
    text-align: center; 
 
    background-color: black; 
 
    color: rgb(179, 0, 0); 
 
    width: 100%; 
 
    height: auto; 
 
    font-size: 200%; 
 
    position: absolute; 
 
}
<div class="top_bar"> 
 
    generic string 
 
    <br> 
 
    <br> 
 
    <br> 
 
</div>

投稿する申し訳ありません

+0

https://anonmgur.com/up/60edb44728a61587e4f4e7403ba93e1d.png は今のhtml、体{パディングを追加して、次の回答を試してみましたが、まだそこにあります; margin:0;} – user4654137

+0

で立ち往生 –

+0

何らかの理由で、ページがまだその状態にあるため、何もしません。 * { マージン:0px; パディング:0px。 } \t HTML、本体 \t {\t \t幅:\t \t 100%。 \t \t身長:\t \t auto; \t \tマージン:\t \t 0px; \t \t埋め込み:\t 0px; \t} – user4654137

0
html,body{ 
    margin:0px; 
    padding:0px; 
} 
+2

答えを説明する必要があるので、人々はそれが何で、どのように問題に適用するかを理解する必要があります。 –

+1

次回は必ず –

+0

にしてください。 – showdev

0

たらそれを試してみて、どうやら私はCGIで送信ヘッダから余分な改行を削除するのを忘れました。それは適切に働いた。

関連する問題