我们在使用float设定浮动元素的时候经常会遇到撑破div的情况,其中一种解决方法即是利用overflow: hidden,这里我们就来看一下使用CSS的overflow属性防止float撑开div的方法:

许多应征前端工程师的人，在面试时都会被问到这类float的问题。例如：div元素内的两个子元素p都float:left，外面的div会变成没有高度，此时该怎么办呢？通常解法是在排版流里面的元素加一个after的伪元素，将它设成display: block以及clear:both即可解决。 CSS Code复制内容到剪贴板 div:after {content: ;display: block;clear: both;}   不过我今天意外发现，原来overflow: hidden;也会撑