当前位置：Gxlcms >
html代码 >
在一个容器中有一个float:left的img和一个无float的div，为什么div加上overflow:hidden就能实现和img左右分开的效果？_html/css_WEB-ITnose
在一个容器中有一个float:left的img和一个无float的div，为什么div加上overflow:hidden就能实现和img左右分开的效果？_html/css_WEB-ITnose
时间：2021-07-01 10:21:17
帮助过：12人阅读
123
效果如下：
并且div会占据除了img的宽度以外的所有右侧宽度。如果不加overflow:hidden，效果如下：
如果给div添加float:left也能达到上面的效果，但是div必须设置宽度，否则不能占满右侧宽度。
求原理，请大神赐教！
回复讨论(解决方案)
已经解决了。因为overflow:hidden使得div产生了BFC效果。详细请搜索 “CSS BFC”
有人回复吗？回复就结帖了
谢挽尊
