inline-block元素子节点浮动时
弱鸡本人最近在尝试修改博客园样式,然后发现有个地方设置为了内联块,然后在里边又写了浮动元素,但父元素仍旧被撑开了
经过实验,如以下代码

发现即便a浮动,li仍旧 能被撑开,或者说,li比较特殊没有元素也能撑开,因为li独占一行,与没有子元素的div等还不一样(li为块元素,在没有设置高度时,自适应宽度,会自动变为最大,当块元素被浮动式,自适应会朝着最小宽度变化)
此时如果修改li为为内联则失去宽度,不能被撑开,但当修改为内联块时,则被撑开了
(其实上边这个例子不合适,so直接把我图片中的 ul设置为浮动 ,当不设置div为内联块时,根本撑不开,但当设置时,则可以被撑开,也就是说,内联块的子元素浮动,也能够撑开父元素)

浙公网安备 33010602011771号