课程
/前端开发
/HTML/CSS
/网页布局基础
不是很清楚,哪种情况下,用哪种方式
2016-06-04
源自:网页布局基础 3-5
正在回答
假设有div a div b div c 三个块其中bc包含在a中 ,且bc都是左浮动,因为bc跳出文本流,此时a会缩成一条,对于这种情况的a 吃用clear是无效的 只能用overflow。所以老师说了,父包含块缩成一条时,clear方法无用
overflow用于父容器本身清除浮动,或者父容器内部元素溢出隐藏
clear:both用于受到影响的容器,父包含块缩成一条时,clear方法无用
实测,效果是一样的。
效果是一样的,相对于这道题,overflow需要写在样式表的 父元素(mainbody) 里,而样式 .qingchu{clear:both} 则是要在mainbody里单加一个空的块级元素,即<div class="qingchu"></div>
我的理解是:overflow 是清除父级块的浮动,主要是针对父级块;而clear是清除后面紧临的兄弟块的浮动,针对的是后面的兄弟块。<--小白的回答-->
应该是效果都是一样的
举报
让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识