ホームページ >ウェブフロントエンド >CSSチュートリアル >レイヤーが親レイヤーから浮いてしまうフロートの解決策_エクスペリエンス交換

レイヤーが親レイヤーから浮いてしまうフロートの解決策_エクスペリエンス交換

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 12:06:031386ブラウズ
1.空の div のクリアを追加します
.clearfix:after {
内容: “.”; 表示: ブロック;
高さ: 0;
クリア: 両方;
visibility: hidden;}
.clearfix {display: inline-block;}
/* IE-mac からは非表示になります \*/
* html .clearfix {height: 1%;}
。 clearfix {display: block;}/* IE-mac からの非表示終了 */
.clearfix {
display: block;
margin: 0px;
clear: Both;
padding: 0px ;
可視性: 非表示;
背景色:#666666;
ボーダー:0px なし #FFFFFF;
}
.clearfix:after { 高さ: 1px;}

使用法:
すべてのフローティング レイヤーの後にこのレイヤーを追加します


2. フローティング レイヤーを背景レイヤーに追加しますが、この方法はその他に影響します。 div は時々便利です。

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