ホームページ >ウェブフロントエンド >htmlチュートリアル >子要素の margin-top は、外側の親要素 solution_html/css_WEB-ITnose に作用します。
子要素の margin-top は、外側の親要素 solution_html/css_WEB-ITnose に作用します。
- WBOYオリジナル
- 2016-06-24 11:30:311087ブラウズ
子要素の margin-top は外側の親要素に作用します。 解決策:
子要素の margin-top 属性を設定するとき、親要素に作用するように意図されている場合がありますが、結果はmargin-top 効果を使用してこの問題を解決する方法をコード例で紹介します。
コード例は次のとおりです。
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">#box{ width:200px; height:200px; background:red; overflow:hidden;}#main{ width:50px; height:50px; background:blue; margin-top:50px;}</style><body><div id="box"> <div id="main"></div> </div></body></html>
実際、これは典型的なマージン結合の問題ですが、紹介しません。詳細はこちら マージン結合の詳しい説明をご覧ください。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=12696
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。