0015-浮动属性

浮动属性
个数属性描述说明
1floatfloat:left;元素靠左边浮动
2floatfloat:right;元素靠右边浮动
3floatfloat:none;元素不浮动
浮动的作用1定义网页中其他文本如何环绕该元素显示
浮动的作用2让竖着的东西横过来

正常的文档流都是独占一行,竖向排列的
在这里插入图片描述
当一个元素不再在文档流中占据空间,
而是漂浮在文档流的上方的时候
叫做脱离文档流
在这里插入图片描述
1、浮动会脱离网页文档,与其他不浮动的元素发生重叠
2、但是不会与文字发生重叠,文字会环绕浮动元素显示
在这里插入图片描述

浮动属性-清浮动
个数属性描述说明
1clearClear:none;允许有浮动对象
2clearClear:right;不允许右边有浮动对象
3clearClear:left;不允许左边有浮动对象
4clearClear:both;不允许有浮动对象
清除浮动只是改变元素的排列方式,该元素还是漂浮着,不占据文档位置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值