用户名: 密码:  注册帐号 摆万站友情链接交换平台QQ群号 211458062 欢迎您加入!
·摆万站友情链接交换平台的域名是:http://www.bwzhan.com/huan ·在本站发布链接信息,无需审核。交换链接,快捷方便。 免费发布友情链接
·友情链接的可以在底部、侧边等,但必须是在首页的可见位置、非跳转。 ·链接站点必须是符合中华人民共和国法律,否则删除!

关于div+css 样式表中float与clear的用法

发布时间: 2012-7-3 13:08:08 来源: 互联网 作者: 摆万站 【

在大多数人真正为div+css中的float(浮动)和clear(清除)正茫然的时候,我给大家讲解一下他们的用法。希望对大家有所帮助;

 

1float:所谓浮动就是向什么位置对齐,它有三个参数,left right none,当选者float:right的时候意思就是当前div向右浮动。如果下面有一个div的话就会按正常流的默认方式上移动到当前div的左侧。意思就是如果上面使用了float之后就相当于它把位置给让出来了,下面的div就上来和它处于同一行。

其他方式也是一样的。

大家可能对clear是最头疼的;

clear:的含义给大家说一下 在一些教科书上说的太含糊。clear的意思就是清楚上面的div的float对自己的影响。比如上面的div设置了float:left

那么当前div在没有设置clear的时候就会自己上移到上面div的右侧并占据剩余的所有行。

如果在下面的这个div中使用了clear:left 或者both 他的意思就是清除上面div的float:left对当前div的影响。那么当前div就不会自己的浮动到上面div 的右侧

 

意思就是上面的div的浮动方向对自己没有影响,相当于上面div还是占据一正行,所有下面的div还是占据一整合不会自己上移。但是上免得div会按他自己的浮动

来调整自己的宽度。但还是占据一整行

其他方式也一样。