二期代码header-detail组件.detail-wrapper display:inline-block作用

来源：3-3 header-detail & star 组件

古墨凝

2019-09-27

display: inline-block这句删掉就会把icon-close顶下去，不知道啥原因，display:inline-block作用是啥？

写回答

1回答

慕沐9401406

2019-09-28

已采纳

.detail-main 有一个margin-top值，会发生margin重叠。相当于子元素的margin作用到父元素上去了。display:inline-block是形成BFC，消除这个影响。

古墨凝

好的，谢谢，想起来了

2019-09-28

共1条回复

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

回答 3

回答 2

回答 1

回答 3

回答 3