CSS中为什么overflow:hidden能清楚浮动float的影响
父块没有设置指定的高宽，当子块设置为浮动后，原本包裹子块的父块的高度塌陷消失，这时给父块设置overflow:hidden就能清楚浮动造成的影响，使父块重新包裹子块。但这...
父块没有设置指定的高宽，当子块设置为浮动后，原本包裹子块的父块的高度塌陷消失，这时给父块设置overflow:hidden就能清楚浮动造成的影响，使父块重新包裹子块。
但这个有个本质问题，当父块高度塌陷消失，这时给父块设置overflow:hidden，按照这个属性的本意，本应该是切掉超出父块的内容，也就是应该将父块之外的浮动的子块切除隐藏。
但为什么，这时没有切除隐藏超出边界的子块，反而恰恰让父块重新有了高度包裹子块，这难道不是和overflow:hidden的本意相背离了吗？
为什么效果里是没有切除隐藏，反而是重新让父块生成高度包裹子块以达到清楚浮动的影响。
请哪位高手能否从本质和根源上分析在这个效果里overflow:hidden背离其属性本意的问题，从本质和根源上分析为什么overflow:hidden背离其本意没有切除隐藏反而产生了清楚浮动的影响。
求高手赐教。 展开
但这个有个本质问题，当父块高度塌陷消失，这时给父块设置overflow:hidden，按照这个属性的本意，本应该是切掉超出父块的内容，也就是应该将父块之外的浮动的子块切除隐藏。
但为什么，这时没有切除隐藏超出边界的子块，反而恰恰让父块重新有了高度包裹子块，这难道不是和overflow:hidden的本意相背离了吗？
为什么效果里是没有切除隐藏，反而是重新让父块生成高度包裹子块以达到清楚浮动的影响。
请哪位高手能否从本质和根源上分析在这个效果里overflow:hidden背离其属性本意的问题，从本质和根源上分析为什么overflow:hidden背离其本意没有切除隐藏反而产生了清楚浮动的影响。
求高手赐教。 展开
8个回答
展开全部
终于搞明白了。越来overflow:hidden的作用是触发bfc。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
说清楚一点
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
