フローティングブロックは、私はこれは本当に簡単なコードを持っている余分な上マージン

Question

を追加します。私はpタグがこれを作ることを発見しました。 pタグを削除した後には、余分なものはありませんmarginです。

あなたはjsfiddle hereを見ることができます。

私はここで前提とpタグが追加されますline-breakに接続ものです。

main { 
    overflow: hidden; 
} 

私はイベントもっと奇妙な結果が得られます。私はこのCSSを追加する場合

さらにより。その理由は何ですか？

Answer 1

pデフォルトでmargin-block-end: 1em;margin-block-start: 1em;はそうちょうどそれにいくつかの体marginを持っているデフォルトのHTMLページでは

header { 
 
    padding: 10px; 
 
    background-color: green; 
 
} 
 
aside { 
 
    background-color: blue; 
 
    float: left; 
 
} 
 
section { 
 
    background-color: orange; 
 
} 
 
p { 
 
    margin: 0 
 
}

<header> 
 
    one 
 
</header> 
 
<main> 
 
    <aside>sdf</aside> 
 
    <section> 
 
    <p>fd</p> 
 
    </section> 
 
</main>

Answer 2

それをリセットしました。だからあなたは簡単に入れてmargin:0px;

body{ 
margin:0px; 
}