CSS清除浮动的几种方式_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛

CSS清除浮动的几种方式_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛

联动北方技术论坛-国内领先的Weblogic、Tuxedo中间件技术论坛

联动北方-国内领先的云技术服务提供商

» 游客

当前位置：论坛首页 » 自由讨论区 » Android, Python及开发编程讨论区 »

总帖数

4

每页帖数

10

1/1页

1

返回列表

查看: 2615 | 回复: 3

主题： CSS清除浮动的几种方式

下一篇

本主题由 hui.chen 于 2015-7-6 12:04:01 移动

dream007

注册用户

等级：少校
经验：1086
发帖：53
精华：0
注册：2015-7-2
状态：离线
发送短消息息给dream007

发送短消息息给dream007

加好友发送短消息息给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

加好友发送短消息息给_chen

发送短消息息给_chen

发消息

发表于：

IP：您无权察看

2015-7-3 22:16:23 | [全部帖] [楼主帖]

2 楼

使用clear属性很方便

赞(0)

操作引用/回复

dream007

注册用户

等级：少校
经验：1086
发帖：53
精华：0
注册：2015-7-2
状态：离线
发送短消息息给dream007

发送短消息息给dream007

加好友发送短消息息给dream007

发送短消息息给dream007

发消息

发表于：

IP：您无权察看

2015-7-4 23:10:20 | [全部帖] [楼主帖]

3 楼

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

赞(0)

操作引用/回复

_chen

版主

等级：中校
经验：2139
发帖：39
精华：0
注册：2013-8-23
状态：离线
发送短消息息给_chen

发送短消息息给_chen

加好友发送短消息息给_chen

发送短消息息给_chen

发消息

发表于：

IP：您无权察看

2015-7-13 22:33:09 | [全部帖] [楼主帖]

4 楼

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

赞(0)

操作引用/回复

总帖数

4

每页帖数

10

1/1页

1

返回列表

技术讨论

Powered by landingbj @ 2008-2015 联动北方
京ICP证号090597 京ICP备案09017624号京公网安备110112000093号
86-27-87056338 Email：service@landingbj.com