1.マージンコンテナのサイズを変更することができます。
2.利益率ユニット。パーセンテージマージン（親の幅に対する共通の要素が計算され、
絶対位置決め要素率マージンは第一祖先（相対的/絶対/固定）幅計算に対して位置決めされます。）
例：幅と高さ2：1つの矩形適応
■は{背景色：オリーブ。オーバーフロー：隠されました; }
■は> DIV {マージン：50％。}
3. CSSの重複のマージンの正しいビューを。
証拠金の計算ルール：入場1.大きな正の値候補。2.正と負の値の合計。3.最も負負負の値。
例：.LIST {マージントップ：15ピクセル;マージン底：15ピクセル;}、重複特性の上下の余白の間隔。
4.マージン自動CSSことを理解しました。
IMG {表示：ブロック;幅：200pxの;マージン：0自動;} / *水平中心画像/。
DIV要素は、垂直に中心に配置されました。（書き込みモードの流れの方向を変える。従います:)
<DIV CLASS = "父">
<DIV CLASS = "息子"> </ div>
</ div>
.father {高さ：200pxの。幅：100％; 書き込みモード：垂直-LR; }
.son {高さ：100pxに。幅：500pxなど。マージン：自動; }
/ ************************* /
絶対位置の垂直センタリング。
.father {高さ：200pxの。位置：相対; }
.son {位置：絶対。トップ：0; 右：0; 下：0; 左：0; 幅：500pxなど;高さ：100pxに。マージン：自動; }
/ ************************************************* ******************** /
余白負のターゲティング。（（増加）空間のサイズを変更するマージンは負の値。）
負の下1.margin揃え。
<DIV CLASS = "箱">
<DIV CLASS = "UL">
<DIVクラス= "李">リスト</ div>
<DIVクラス= "李">リスト2 </ div>
3 </ DIV>の<DIV CLASS = "李">リスト
</ div>
</ div>
■は{幅：1200px。マージン：自動; 背景：オレンジ;}
.UL {オーバーフロー：隠されました。マージン右：-20px;}
.Li {幅：386.66px。高さ：300ピクセル; マージン右：20ピクセル; 背景：緑; フロート：左;}
/ ************************************************* ************************************************** * /
高い負の値のレイアウトの2余白。
例一：<divのスタイル= "高さ：200pxの;">
<IMG高さ= "300" スタイル= "マージン：は50px 0;">
</ div>
例二：。ボックス{オーバーフロー：隠されました。サイズを変更：縦; }
.child橙色、.child緑色{マージン底：-600px。パディング底：600PX;}
.child橙色{フロート：左; 背景：オレンジ; }
.child緑色{フロート：左; 背景：緑; }
/ ************************************************* **************************************** /
3.余白負の下で適応2列のレイアウト。
<divのスタイル= "フロート：左;幅：100％;">
<Pスタイル=「余白 - 右：170px;」>画面の右から左のテキスト、...... </ P>
</ div>
<IMG幅= "150" スタイル= "フロート：左;マージン左：-150px;">
//マージンはスペースを削減するために、負の空間次元、余白サイズ値を増加させました。
/ ************************************************* ********************** /
無効なマージン状況。
1.インライン要素の垂直マージンが無効です。
2.余白が重なります。
3.ディスプレイ：テーブルのセル;マージンが無効です。
/ ************************************************* ************************* /