2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

关于一个网页布局 中的清除浮动用法看不懂

css作者:猿2048志愿者

http://htmlpreview.github.io/?https://github.com/ct94/baiduSchool/blob/master/task6/task6.html
在这个网页中 .div2 使用了overflow:hidden 。我发现取消之后整个页面效果完全不一样
我理解的这个命令仅仅是隐藏本容器溢出的内容。div2的这个命令为什么还能影响到div3点表现 求讲的详细点

评论
点击刷新
评论
被采纳
猿2048志愿者
猿2048志愿者 :

父容器增加overflow可以清除内部浮动,实现父容器占位,具体你可以看这个

http://www.cnblogs.com/luoqian/p/5987788.html

2018-09-20 22:40:28
猿2048志愿者
猿2048志愿者 :

首先,overflow:hidden 是子元素元素超出父元素宽高后不显示,如果子元素没有超出父元素,这个就并没有什么卵用,跟着,你去取掉overflow后你的div3的位置发生变化的原因,是因为 div2的子元素中加入了float:left 。div3元素跟着div2中的子元素浮动起来了,所以会变,解决方法就是把div3上面加上一个清除浮动即可(clear: both;)

2018-09-20 22:40:29
×添加代码片段