小羊也疯狂
2017-03-23 08:12
采纳率: 88.4%
浏览 1.0k

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

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

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳

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

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

    已采纳该答案
    打赏 评论
  • Ken_Shenzhu 2017-03-23 08:46

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

    打赏 评论

相关推荐 更多相似问题