效果如下：
并且div会占据除了img的宽度以外的所有右侧宽度。如果不加overflow:hidden，效果如下：
如果给div添加float:left也能达到上面的效果，但是div必须设置宽度，否则不能占满右侧宽度。
求原理，请大神赐教！
回复讨论(解决方案)
已经解决了。因为overflow:hidden使得div产生了BFC效果。详细请搜索 “CSS BFC”
有人回复吗？回复就结帖了
谢挽尊
0
0
在一个容器中有一个float:left的img和一个无float的div，为什么div加上overflow:hidden就能实现和img左右分开的效果？_html/css_WEB-ITnose
php中文网
发布时间：2016-06-21 09:22:17
|1420人浏览过
|来源于php中文网
原创
效果如下：
并且div会占据除了img的宽度以外的所有右侧宽度。如果不加overflow:hidden，效果如下：
如果给div添加float:left也能达到上面的效果，但是div必须设置宽度，否则不能占满右侧宽度。
求原理，请大神赐教！
谢挽尊
相关文章
如何使用 CSS 浮动实现同一容器内元素的左右分离布局
HTML文档如何在线分享_云端部署方法【指南】
JavaScript 实现拖放元素落地后交互字段的禁用与控制
CSS选择器：精准定位复杂DOM结构中的首个顶层元素
JavaScript表单中日期文本框值管理：避免重置清空与动态填充策略
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
PHP WebSocket 实时通信开发
本专题系统讲解 PHP 在实时通信与长连接场景中的应用实践，涵盖 WebSocket 协议原理、服务端连接管理、消息推送机制、心跳检测、断线重连以及与前端的实时交互实现。通过聊天系统、实时通知等案例，帮助开发者掌握 使用 PHP 构建实时通信与推送服务的完整开发流程，适用于即时消息与高互动性应用场景。
11
2026.01.19
C++ 单元测试与代码质量保障
本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法，包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程，以及常见代码质量问题的发现与修复。通过工程化示例，帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。
79
2026.01.16
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
c语言项目php解释器源码分析探索
共7课时 | 0.4万人学习
nginx负载均衡原理分析到手动编写简易负载均衡器
共2课时 | 0.1万人学习
Swoft2.x速学之http api篇课程
共16课时 | 0.9万人学习
最新文章
