课程
/前端开发
/HTML/CSS
/如何用CSS进行网页布局
为什么在这里清除浮动时。overflow：hidden；和clear：both；效果不一样
2015-08-02
源自：如何用CSS进行网页布局 5-2
正在回答
当然不一样了，两个属性的作用都是不一样的啊，overflow：hidden的意思是超出部分不显示，就是假如你的div是300*400的，但在里面插入一张400*500的图片，图片就会跑出那个div里面，用了这个属性和属性值后，图片超出300*400这个范围的内容不显示出来。而clear：both仅仅只是清除左右两边的浮动而已
慕斯卡9626126 提问者
overflow:hidden和clear:both
overflow用于父容器本身清除浮动,或者父容器内部元素溢出隐藏
父容器和子容器,子容器float,会导致子容器跳出父容器,不仅是左右的浮动,更内外的立体浮动,所以此时给父容器
设置overflow:hidden,可以使父容器也浮动到同一层.
clear:both用于受到影响的容器,父包含块缩成一条时(没有设置宽高)，clear方法无用
overflow： hidden 有两个作用：1 溢出隐藏 2 清除浮动，是用在浮动元素本身来清除对父元素的影响。 最佳答案不完整！
overflow是用在浮动元素本身来清除对父元素的影响，clear：both；用在紧邻浮动元素来清除浮动影响。
举报
用最简洁的案例教你布局的那些知识，这是前端工程师基本技能
