简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

マージンは親要素のサイズを拡張できません_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:29:11
オリジナル
1066 人が閲覧しました

margin は親要素のサイズを拡張できません:
多くの初心者は、margin を設定すると親要素を拡張できると考えていますが、そうではありません。
コードは次のとおりです。 

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">#main{  width:600px;  height:400px;  margin:0 auto;  background:green;}#inner{  width:50px;  height:50px;  background:#eee;  margin-left:600px;}</style></span></head><body><div id="main">  <div id="inner"></div></div></body></html>
ログイン後にコピー

上記のコードのデモからわかるように、内部の子要素は親要素から飛び出すだけで、親要素のサイズは拡張されません。このとき親要素にoverflowを追加すると:hidden、子要素は非表示になります。

元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=14629

詳細については、以下を参照してください: http://www.softwhy.com/divcss/

関連ラベル：
margin并不能够扩大父元素的尺寸
ソース：php.cn
前の記事：垂直方向のセンタリングに関する質問_html/css_WEB-ITnose 次の記事：CSS 共通スタイルの命名規則_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
固定配置された子によって親のパディングが無視される スティッキー要素がヘッダーの後ろに来るのを防ぐにはどうすればよいですか?現在のコードスニペットは親にpadding-topを使用しており、追加の子にmargin-topまたは透明な...
から 2024-04-06 11:42:51
0
1
338
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！