outer高度不是0吧？

Question

老师，这里outer没加flex之前，高度应该是inner的文字内容高度而不是0吧？只不过没把inner的margin算进去吧？

Answer 1

阿莱克斯刘 6天前

对，你这个理解是对的。

没加 flex 之前：

• outer 的高度 不是 0

• 它的高度 = inner 里的文字内容高度

• 只是 inner 的 margin 不参与 outer 高度计算

也就是说，inner 的 内容区（content） 会把 outer 撑开。但 inner 的 margin-top / margin-bottom 会发生 margin collapse（外边距折叠），看起来就像没被算进去。

所以视觉上你会感觉，outer 好像没高。但实际上，它有高度，只是没把 margin 算进去。