1、純粋なCSSとの原則の三角形を作成します。
.demo {
幅：0。
高さ：0;
ボーダー：5pxの固体透明。
ボーダー左色：赤;
}
2、なぜCSSスタイルを初期化する必要があります
多くの場合、表示CSSの違いを初期化するために、ブラウザのページの間に表示されていない場合は、別のデフォルトのブラウザのヒープラベルは、異なっています。
非推奨* {パディング：0;マージン： 0;}
3あなたはフロートをクリアしたい理由を、説明？クリア浮動方法
1）、親のdivの高さを定義するために
、従来のクラスの使用、2）
、::前.clearfixを:: .clearfix後{
内容： "";
表示：表;
}
.clearfix {後::
クリア：両方;
}
.clearfix {
*ズーム:. 1; //すなわちブラウザ固有のプロパティが提供され、または検索スケーリング
}
3）、サスは、コンパイル時、親のdivクラス定義擬似フローティング要素：後
::＆後、＆： ：{前
「」;：コンテンツ
の可視性：隠された;
表示：ブロック; //レベルブロック表示素子の発生要素を作る、残りの空間充填
高さ：0
クリア：両方が; //レイアウトの高さを生成するオリジナルコンテンツへの損傷を避けるために
}
4、表示：非表示の違い：なしと可視性
表示：なし要素が完全にレンダリングは任意のスペースを占有しないレンダリングツリーから消えます;可視性：隠された要素は、要素が内容が表示されていないレンダリング時のスペースを占有し続けレンダリングツリーから消えさせません。