IEのCSS互換例を詳しく解説

零下一度
リリース: 2017-06-24 14:02:47
オリジナル
1417 人が閲覧しました

1. サイドバーを作成するとき、li の要素をフローティングします。ie6/7 の下では li の間に 4px の隙間があります:

解決策: li align 属性の下に値を追加します。

拡張子:vertical-align 属性は垂直方向の中央揃えであり、一般に table-cell と組み合わせて使用​​されますが、ie6/7 との互換性に関する解決策はありません。

2. 注: 要素がフロートされた後、IE6/7 では margin-bottom の使用に注意してください。

3. クリアフローティングclearfix (IEと互換性のある史上最も先進的な方法と言われています):

.clearfix:after{

content=””;

ディスプレイ:ブロック ;

高さ:0;

line-height:0px;

クリア:両方;

可視性:非表示;

}

.clearfix{

zoom:1;

}

今日はこれを整理して、後でゆっくり改善します、ふふ...

以上がIEのCSS互換例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート