父元素为浮动，子元素不浮动，为什么不同子元素的margin-top会合并统一？

Question

Answer 1

inline-block属性使子元素有了内联元素的特性，内联元素有个vertical-align的属性，默认值baseline都是一样的，在竖直方向上相对于所在行的基线对齐。所以这时候行高会被最大的margin撑开，其他元素的margin视觉上没有作用。你可以试试给子元素设置不同的vertical-align属性。