回答編集履歴
1
情報を追加
test
CHANGED
@@ -8,8 +8,26 @@
|
|
8
8
|
|
9
9
|
> 新しいブロック整形コンテキスト(たとえば、'visible'以外の'overflow'の浮動体や要素など)を設置する要素のマージンは、そのフロー内の子とともに相殺しない。
|
10
10
|
|
11
|
+
[ボックスモデル](https://momdo.github.io/css2/box.html#collapsing-margins)
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
> 次のうちのいずれかにより、ブロック整形文脈が作られます:
|
18
|
+
|
19
|
+
(略)
|
20
|
+
|
21
|
+
・overflow が visible 以外である要素
|
22
|
+
|
23
|
+
・フレックスボックス(display が flex または inline-flex である要素)
|
24
|
+
|
25
|
+
[ブロック整形文脈 - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/Block_formatting_context)
|
26
|
+
|
11
27
|
|
12
28
|
|
13
29
|
その他、ボーダーやパディングが親にある時も相殺しないようですね。
|
14
30
|
|
15
31
|
> 行ボックス、クリアランス、パディングおよびボーダーのないものを区別する
|
32
|
+
|
33
|
+
[ボックスモデル](https://momdo.github.io/css2/box.html#collapsing-margins)
|