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

本文详细解释了CSS中float(浮动)和clear(清除)的使用方法。float通过设置左右浮动实现元素排列,clear则用于清除上方元素浮动带来的影响,保持布局稳定。

在大多数人真正为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会按他自己的浮动

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

其他方式也一样。

希望对大家有所帮助 有什么问题的可以发邮件给我 358905814@qq.com

欢迎大家给我指出错误,共同进步

 

转载于:https://www.cnblogs.com/div-css/archive/2011/09/11/2173524.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值