html - どこでも奇妙なCSSスペーシング

Question

わかりましたので、いくつかの CSS と HTML を使用してテンプレートを作成しました。ただし、メニューバーの間を見ると、たくさんの空白があります。また、コンテンツとサイドバーが変です。上部を見ると、上部にたくさんのパディングがありますが、どこにもパディングを適用していません! ヘルプ！

サイトへのリンクhttp://techtubecentral.com/demo/

Answer 1

これを試してください、うまくいくことを願っています

 <style type="text/css">    
    ul{
     margin:0px;
    }
</style>

Answer 2

パディングとマージンはデフォルトで指定されています。これは、W3C コンソーシアムによって最初に生成されたものの一部です。必要なのは CSS リセット シートだけです。

http://www.cssreset.com/

これを別のファイル (reset.css など) としてサイトに添付できます。または、styles.css ファイルの先頭にリセット コードをコピー ペーストすることもできます。

Answer 3

Naveen のソリューションは正しいです。ブラウザのスタイル シートからのデフォルトのマージンがあります。追加

* {margin:0; padding:0;} 

スタイル シートの最初の行として - すべての要素のこれらのプロパティを単純にリセットするだけで、ブラウザのスタイルシートからカスケードする「幻の」パディングとマージンに悩まされることはもうありません。

Answer 4

タグを使用すると、ブラウザーが自動的に余白を追加し、場合によっては不要なパディングを追加することがわかります。

margin: 0px; を追加してみてください。パディング: 0px; 良い習慣と同じです。