课程
/前端开发
/HTML/CSS
/如何用CSS进行网页布局
overflow:hidden clear:both position:absolute清除浮动的原理各是什么?
2016-05-26
源自:如何用CSS进行网页布局 5-2
正在回答
设置overflow并不会在该元素上清除浮动,它将清除自己(self-clear)。意思就是,应用了overflow(auto或hidden)的元素,将会扩展到它需要的大小以包围它里面的浮动的子元素(而不是叠了起来(collapsing)).
clear:both意思是清除全部浮动,比如left和right元素设置了float时,相当于脱离了文档流,该元素的占位空间自然也就没有了,下面的foot元素就会直接紧挨着在top下方;而使用了clear语句后,就清除了float属性,就会回到最下方的位置。
下面那个不太了解。
举报
用最简洁的案例教你布局的那些知识,这是前端工程师基本技能