クロスブラウザの問題に対する 5 つの解決策 (要約)

-moz- /* Firefox および Mozilla ブラウザ エンジンを使用するその他のブラウザ */
-webkit- /* Safari、Chrome、その他のWebkitエンジンを使用するブラウザ */
-o- /* オペラ */
-ms- /* IE ブラウザ (ただし、必ずしも IE とは限りません) */

html、本文、div、span、アプレット、オブジェクト、iframe、h1、h2、
h3、h4、h5、h6、p、引用、a、略語、頭字語、アドレス、
大きい、引用、削除、dfn、em、画像、ins、kbd、q、s、サンプル、小さい、
ストライク、ストロング、サブ、スーパー、TT、ヴァール、B、U、I、センター、DL、DT、
dd、ol、ul、li、フィールドセット、フォーム、ラベル、凡例、表、キャプション、
tbody、tfoot、thead、tr、th、td、記事、脇、キャンバス、詳細、
埋め込み、図、図キャプション、フッター、ヘッダー、hgroup、入力、メニュー、
nav、出力、ルビー、セクション、概要、時間、マーク、オーディオ、ビデオ {
境界線: 0;
マージン: 0;
パディング: 0;
垂直位置合わせ: ベースライン;
}

* { -webkit-box-sizing: border-box; /* Safari/Chrome およびその他の WebKit ブラウザ*/
-moz-box-sizing: border-box; /* Firefox およびその他の Gecko ベースのブラウザ*/
ボックスのサイズ: 境界線ボックス; }

 .parent-selector:after {
 コンテンツ： "";
 表示: テーブル;
 クリア: 両方;
 }

 .wrap:after {
 コンテンツ： "";
 表示: テーブル;
 クリア: 両方;
 }