css浮动属性

##css浮动属性
float是css样式中的定位属性,用于设置标签对象(如:
标签盒子、标签、标签、标签等html标签)的浮动布局,浮动也就是我们所说标签对象浮动居左靠左(float:left)和浮动居右靠右(float:right)。
简单来说css里面浮动这个属性必不可少的,很多时候都需要用上浮动,就比如在同容器(div)等下面的子分区子容器(div)在这里插入图片描述
如果不给它加上浮动的话就会是根据网页自身从上往下排列在这里插入图片描述
这样的话如果给你的页面是要求左右排列就必须给他加上浮动了不然就不会并排.
接下来让我们看看给他加上浮动的效果在这里插入图片描述
然后图就会跟着左浮动并列上来在这里插入图片描述
不过有一点需要注意就是子辈总和宽度不能超过父辈否则改下数据你就会发现在这里插入图片描述
我给最后一个子区加了10的宽度结果就是这个样子啦在这里插入图片描述
很明显最后一块下去了 右浮动就是向右靠齐同理,CSS浮动应用在很多出还有一个就是列表了我们来看看子分区下的列表Ul下li排列方式也是自上而下在这里插入图片描述我现在要他也是在一排显示这个时候也是需要加浮动的在这里插入图片描述在这里插入图片描述
给他加上一个float:就可以向左浮动对齐了.
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
#逆战班。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值