inline-block元素子节点浮动时

弱鸡本人最近在尝试修改博客园样式,然后发现有个地方设置为了内联块,然后在里边又写了浮动元素,但父元素仍旧被撑开了

经过实验,如以下代码

 

 发现即便a浮动,li仍旧 能被撑开,或者说,li比较特殊没有元素也能撑开,因为li独占一行,与没有子元素的div等还不一样(li为块元素,在没有设置高度时,自适应宽度,会自动变为最大,当块元素被浮动式,自适应会朝着最小宽度变化)

此时如果修改li为为内联则失去宽度,不能被撑开,但当修改为内联块时,则被撑开了

(其实上边这个例子不合适,so直接把我图片中的 ul设置为浮动 ,当不设置div为内联块时,根本撑不开,但当设置时,则可以被撑开,也就是说,内联块的子元素浮动,也能够撑开父元素)

posted @ 2021-09-25 13:31  心懒了♀麻木来了  阅读(74)  评论(0)    收藏  举报