子要素に margin-top を追加すると、親要素_html/css_WEB-ITnose の問題が増加します-htmlチュートリアル-php.cn

子要素に margin-top を追加すると、親要素_html/css_WEB-ITnose の問題が増加します

WBOY

リリース： 2016-06-24 11:29:33

オリジナル

1536 人が閲覧しました

次のコードがあるとします

子要素を親要素から分離しませんが、その効果は親要素に margin-top を追加するのと同等です。

具体的には次のような解決策もあります:

1. 親要素の高さを変更し、padding-top スタイルのシミュレーションを追加します (padding-top:1px;)

2. 親要素に overflow:hidden;

を追加します。 3. 親要素または子要素の life 要素をフロートします (float:left; 使用できますが推奨されません)

4. 親要素のボーダー(border:1px ソリッド透明)を追加します

5. 親要素の絶対位置を宣言します。要素または子要素

6. 親要素にコンテンツ生成を追加します #father:before{content:' ';display:table};

関連ラベル：

ソース：php.cn

このウェブサイトの声明

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

著者別の最新記事