ホームページ > 記事 > ウェブフロントエンド > 子要素に margin-top を追加すると、親要素_html/css_WEB-ITnose の問題が増加します
子要素に margin-top を追加すると、親要素_html/css_WEB-ITnose の問題が増加します
- WBOYオリジナル
- 2016-06-24 11:29:331537ブラウズ
次のコードがあるとします
子要素を親要素から分離しませんが、その効果は親要素に 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};
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。