ホームページ  >  記事  >  ウェブフロントエンド  >  margin:0 auto; で div が上下に間隔があるのはなぜですか? margin:0px を設定しても機能しません_html/css_WEB-ITnose

margin:0 auto; で div が上下に間隔があるのはなぜですか? margin:0px を設定しても機能しません_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:17:321207ブラウズ

そうですね


ディスカッションへの返信 (解決策)

マージン: 10px 自動;

}
<

それは問題ではありませんか?

css の初期化
*{padding:0;margin:0;}
この方法はあまりお勧めできません
読み込み速度を遅らせます

通常はこれを行います

/*内側と外側のマージンをクリア*/
html, body, div, p, h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{border:medium none;padding :0 ;margin:0;}
/*フォントを設定*/
body,textarea,button,input,select{font:12px/1.5 Verdana, Geneva, sans-serif,'宋体','Microsoft Yahei';color: # 333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*設定リスト*/
ul,ol{リストスタイル: none;}
/*テーブルを設定*/
th,td{border-collapse:collapse;border-spacing:0;}
/*画像を設定*/
img{border:none;}
/*リンクを設定* /
a{color:#999;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;color:#06C;}
:focus{outline:none;}



これは .alignCenter{
using using using use using use using ‐ ‐ ‐ 1 out-right
結局のところ、CSS を初期化していないだけです

の最も基本的なことです。ページを書くということは CSS を初期化することです

初期化の書き方
すでに説明しました
完全ではありません
ですが、かなりの量です

最終的には

CSS を初期化していないだけです

ページを書くための最も基本的なことは CSS の初期化です
初期化 書き方
すでにあげています
まだ完成ではありません
うわー、初心者にはわかりません。そして、ようやくコツを掴んだことに気づきましたが、問題がどこにあるのかはまだわかりません。どこの定義が私の定義を上書きします。ヘッダーに *{margin:0;padding:0} を追加して解決しました。ただし、デバッグには Firefox プラグインを使用しました。計算された CSS スタイルはマージンとパディングが両方とも 0 ですが、まだマージンがあります。とにかく、ありがとうございます

ページを書くたびに初期化が必要です

プラグインで表示されるのは、あなたが書いたものだけです

各要素の間には隙間があります
だからこそ初期化が必要です
さあ
(初期化すべてをゼロにリセットすることです)

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。