「前端基础」float 导致父元素塌陷

float 导致的父元素塌陷后,添加一个标签使用 clear:both或父元素使用overflow: hidden; 这样就不塌陷了,这是为什么呢? 纠结中,谢谢答疑解惑。

回答
夏小虫--_-- ,偶尔,会感受的到阳光的重量

问题已经找到答案。 参考 貘吃馍香的回答 overflow:hidden 的意思是超出的部分要裁切隐藏掉 那么如果 float 的元素不占普通流位置 普通流的包含块要根据内容高度裁切隐藏 如果高度是默认值auto 那么不计算其内浮动元素高度就裁切 就有可能会裁掉float 这是反布局常识的。 clear:both参考官方文档 如果声明为左边或右边清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下说我对浮动的理解: 就是元素没有高度但是有宽度。不知道这个说发靠谱不。

2个月前评论 0分享
极乐网 ,极乐,让技术变得更加简单!

这是在自问自答啊!可以~~大家也有个参考!

2个月前评论 0分享
我来回答
无用回答
问题修改记录
暂无修改记录
广告位 点击查看投放指南

我的收藏