3回答

weixin_慕妹0008060

2020-04-02

因为，子DIV块中设置margin-top会引发外边距合并问题，从而导致父div会向下移动margin-top的距离。

设置display:inline-block会触发bfc，从而规避了外边距（父子类型外边距合并）问题，其实也可以设置为overflow:hidden。

参考视频：https://www.bilibili.com/video/BV1j7411g7SK?p=92

1

1

小源子666

在老版本的代码中，我去掉clearfix也没问题呀 detail-main有margin-top且没有设置上内边距或上边框，所以会和紧挨着的子元素发生外边距合并，但detail-main的第一个子元素是.name，把detail-main和设置了margin-top的star-wrapper隔开了，就不会发生外边距合并了啊

2020-04-07

共1条回复

心滕thy

2019-10-31

旧版本加了一个.clearfix 这个class里写了display:inline-block 

0

0

ustbhuangyi

2019-07-04

如果不设置 inline-block，那么这个层就把 close 图标顶到下面了。

0

1

千修罗

是不是这个原因？：子DIV块中设置margin-top时影响父DIV块位置问题

2019-07-04

共1条回复