エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
親要素からはみ出してmarginが適用される対策 | HTML・CSS・JavaScriptのテクニック集 | Webサイト制作支援 | ShanaBrian Website
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
親要素からはみ出してmarginが適用される対策 | HTML・CSS・JavaScriptのテクニック集 | Webサイト制作支援 | ShanaBrian Website
親要素からはみ出してmarginが適用されることがあります。 marginの仕様として、marginが適用されている... 親要素からはみ出してmarginが適用されることがあります。 marginの仕様として、marginが適用されている要素から先祖要素にborderとpadding、marginの何れかが適用されていない場合に、その先祖要素の範囲までははみ出します。 <div class="outer"> <div class="inner"> <p>sample</p> </div> </div> div.outer { } div.outer div.inner { } div.outer div.inner p { margin-top:20px; } このはみ出しを防ぐには、先祖要素にborderとpadding、marginの何れかのプロパティを指定するか、先祖要素にoverflow:hidden;を指定することで防ぐことができます。 div.outer { } div.outer div.inn
2019/05/09 リンク