CSS清除浮动的两种方法
2016-03-28 10:11
435 查看
子div用了float浮动之后,就不会撑开父元素,如果想要撑开父元素可以使用清除浮动。
![](http://img.blog.csdn.net/20160328093847504)
清除浮动之前:
![](http://img.blog.csdn.net/20160328095436667)
清除浮动之后:
![](http://img.blog.csdn.net/20160328095729215)
![](http://img.blog.csdn.net/20160328100247592)
一.clear:both清除浮动
在最后一个段落下面添加一个空元素并清理它。<div style="clear:both">
清除浮动之前:
清除浮动之后:
二.overflow属性清除浮动
在父元素CSS中添加overflow:hidden也可以清除浮动。
三.缺点
clear:both会添加一行空元素。
overflow:hidden会隐藏任何超出容器的边界的内容。
相关文章推荐
- 【css3】--四种气泡
- reset清零css记录
- CSS:icon font
- css3-font-face
- 深入理解CSS中的空白符和换行
- CSS清除浮动大全共8种方法(第3条)
- ie兼容css-zoom作用
- css判断不同分辨率显示不同宽度布局实现自适应宽度
- CSS进阶
- CSS基础及选择器
- CSSOM View Module 中的尺寸与位置属性
- 【CSS】width 、clientWidth、scrollWidth、offsetWidth
- xhtml和css概述
- CSS - css实现三角
- CSS样式表
- 30+有用的CSS代码片段
- css 动画圆环
- CSS初探
- css的基本语法
- CSS代码重构与优化之路