码迷,mamicode.com
首页 > Web开发 > 详细

css清除浮动的三种方式

时间:2015-10-29 14:42:47      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

1、父级元素结束之前加入空div,div的样式中有“clear:both

2、父级元素设置样式"overflow:hidden".原因:“为什么加入overflow:hidden即可清除浮动呢?那是因为overflow:hidden属性相当于是让父级紧贴内容,这样即可紧贴其对象内内容(包括使用float的div盒子),从而实现了清除浮动。Css overflow:hidden清除浮动方法DIVCSS5推荐使用。”

3、父级元素设置class样式"clearfix",并且定义".clearfix:after{clear:both}"。和方法1是一个道理,但是更简单一点。

css清除浮动的三种方式

标签:

原文地址:http://www.cnblogs.com/zhanglm125/p/4920459.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!