clearfixを使用して空白を削除する：after

Question

フロートをクリアすることで生成される空白（タブの後の空白）を削除するのに問題があります。あなたはこの問題を解決する方法を知っていますか？ここで

コード（jsfiddle）は次のとおりです。

/* Clearfix */ 
    .clearfix:after { 
     visibility: hidden; 
     display: block; 
     content: " "; 
     height: 0; 
     font-size: 0; 
     clear: both; 
     white-space: nowrap; 
    } 

Answer 1

それはclearfixではない、それはp要素のデフォルトのパディングです。通常、スタイルシートの最初にこれらをゼロにします。

p { 
padding: 0; 
margin: 0; 
}