css为什么要清除浮动
2014-11-20 19:27
204 查看
DIV1宽度为100px,
DIV2宽度为50px,
如果上级DIV层的宽度大于DIV1+DIV2的宽度,
DIV2设置浮动属性float:left,
DIV2会像流水一样,自动显示在DIV1的右侧,
如果上级DIV层的宽度等于或者小于DIV1+DIV2的宽度,
那么,DIV2层就会被挤到DIV1的下方.
如果DIV1设置了清除属性,DIV2就不会流动到DIV1的后面,
而是直接显示在DIV1的下面.
(请看下图)
DIV2宽度为50px,
如果上级DIV层的宽度大于DIV1+DIV2的宽度,
DIV2设置浮动属性float:left,
DIV2会像流水一样,自动显示在DIV1的右侧,
如果上级DIV层的宽度等于或者小于DIV1+DIV2的宽度,
那么,DIV2层就会被挤到DIV1的下方.
如果DIV1设置了清除属性,DIV2就不会流动到DIV1的后面,
而是直接显示在DIV1的下面.
(请看下图)
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS中为什么overflow:hidden能清除浮动(float)的影响？原理是什么？
- css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？
- 【转】css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？
- css清除浮动float的三种方法总结，为什么清浮动？浮动会有哪些影响？
- css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？一起来$('.float')
- css清除浮动float的三种方法总结。为什么清浮动？浮动会有那些影响？
- css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？一起来$('.float')
- div+css中的为什么要设置浮动属性，浮动完了为什么又要清除浮动
- css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？
- css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？
- CSS清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？
- css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？一起来$('.float')
- css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？一起来$('.float')
- 8种CSS清除浮动的方法优缺点分析
- CSS清除因为浮动布局导致父元素height值为0的三种方法
- css 清除浮动 兼容IE+, FF
- CSS之清除浮动
- CSS教程:清除浮动方法大全
- CSS 的浮动和清除
- CSS清除浮动的两种方法