CSS清除浮动的几种方式_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
4
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 2297 | 回复: 3   主题: CSS清除浮动的几种方式        下一篇 
    本主题由 hui.chen 于 2015-7-6 12:04:01 移动
dream007
注册用户
等级:少校
经验:1086
发帖:53
精华:0
注册:2015-7-2
状态:离线
发送短消息息给dream007 加好友    发送短消息息给dream007 发消息
发表于: IP:您无权察看 2015-7-3 21:42:34 | [全部帖] [楼主帖] 楼主

一、使用浮动时出现的情况

1.使块元素在一行显示
2.使内嵌元素支持宽高
3.不设置宽高的时候宽度由内容撑开
4.换行不被解析
5.元素添加浮动,会脱离文档流,按照指定的一个方向移动,直到碰到父级的边界或者另一个浮动元素停止

二、清除浮动的方法

1、用clearfix清除浮动

2、父级div定义 height

3、在浮动元素后面增加<br/>标签

4、在浮动元素后面增加一个清除浮动层

5、给父级div定义overflow:auto样式

6、父级div定义 伪类:after 和 zoom

参考资料: http://www.studyofnet.com/news/884.html

该贴由hui.chen转至本版2015-7-6 12:04:01




赞(0)    操作        顶端 
_chen
版主
等级:中校
经验:2139
发帖:39
精华:0
注册:2013-8-23
状态:离线
发送短消息息给_chen 加好友    发送短消息息给_chen 发消息
发表于: IP:您无权察看 2015-7-3 22:16:23 | [全部帖] [楼主帖] 2  楼

使用clear属性很方便



赞(0)    操作        顶端 
dream007
注册用户
等级:少校
经验:1086
发帖:53
精华:0
注册:2015-7-2
状态:离线
发送短消息息给dream007 加好友    发送短消息息给dream007 发消息
发表于: IP:您无权察看 2015-7-4 23:10:20 | [全部帖] [楼主帖] 3  楼

北京联动北方科技有限公司不同情况不同方式对待,适合自己的才是重要的!



赞(0)    操作        顶端 
_chen
版主
等级:中校
经验:2139
发帖:39
精华:0
注册:2013-8-23
状态:离线
发送短消息息给_chen 加好友    发送短消息息给_chen 发消息
发表于: IP:您无权察看 2015-7-13 22:33:09 | [全部帖] [楼主帖] 4  楼

确实,不同的环境不同的写法才是最高效的



赞(0)    操作        顶端 
总帖数
4
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论