overflow:hidden 问题 具体问题不是很好描述 前端的

Question

在有溢出隐藏 overflow:hidden 的情况下 是左右显示的   

但是去掉后为什么 都变成下一行了 不是很明白

求解释 

Answer 1

今天再来。首先，你的.l_article、.r_article采用了内联的css样式，所以他们总体的宽度大于父级的宽度，然后，你把你的代码用浏览器打开按下F12，你就会发现你的.article是一条宽为1000px的线，这是因为你.article没给高，他是根据内容来定的高，而.l_article、.r_article的float又是他们脱离了文档流。他们能显示是因为head的宽度撑起了body的宽度，overflow：hidden把溢出解决了所以他们乱了。要解决这个的话，建议是加一个.clearfix:after{content:“”；clear：both；display:block}清除浮动  ----------<div class="l_article clearfix">这样