我测试了一下,在设置了max-height的情况下,父子元素的margin-bottom可以重叠,大家也可以测试一下。max-height没起作用。
2019-03-08
最新回答 / 慕姐2893314
我的理解,首先,需要知道css布局有三个大的类模型,流布局、浮动布局和层布局模型。margin定位基本是属于流布局,而position+left是属于层模型的。这些在不同的场合使用。
2018-10-10
指出一些错误,出于善意:
(1) 防止父子margin重叠时,采用空的inline元素分隔并不准确,只有inline-block才可以,原理是使用inline-block元素构建了BFC区域
(2) 防止下边距重叠,使用max-height并不起作用,因为给父级元素设置height、min-height本质是将父元素撑开,所以即使最后一个子元素有下边距也在被撑开的范围内,而max-height并不能将父元素撑开
认真看的同学应该能读懂,如有异议,欢迎提出
(1) 防止父子margin重叠时,采用空的inline元素分隔并不准确,只有inline-block才可以,原理是使用inline-block元素构建了BFC区域
(2) 防止下边距重叠,使用max-height并不起作用,因为给父级元素设置height、min-height本质是将父元素撑开,所以即使最后一个子元素有下边距也在被撑开的范围内,而max-height并不能将父元素撑开
认真看的同学应该能读懂,如有异议,欢迎提出
2018-05-06