CSS在布局的时候经常用到悬浮。
1 使用情况
悬浮(float)、定位(position)、框类型(display)都是前端布局经常使用的东西,但之前一直不是很清楚在什么情况下使用这些属性。
使用情况如下:
悬浮:只涉及左右位置的移动。
定位:设计上下左右位置的移动。
框类型:涉及行内元素与块级元素(自动换行,block)。
2 缺点
任何事情都有正反两面,那么悬浮的坏处呢?
1.背景不能显示;
2.边框不能撑开;
3.margin设置值不能正确显示。
3 清除悬浮
方法1:
添加新元素(div),新元素只有clear:both属性。
缺点:html代码有一个多余的div元素
方法2:
父级div定义overflow;auto
方法3:
:after方法,据说B格最高的。(作用于浮动元素的父元素)