对css的浮动的理解

本文深入探讨CSS中float属性的作用,解析元素如何通过浮动脱离标准流进行布局,以及浮动后的元素如何影响页面显示。同时,文章提及了文本与图片在浮动情况下的排列方式,并强调了清除浮动的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

float 浮动

首先我们需要知道的是,当我们使用了浮动就是代表着脱离了标准流,无论使用的是左浮动 还是右浮动,

浮动的元素相当于行内元素块元素,一行显示多个,可以设置宽度和高度

标准流的布局是从左往右,从上往下

还有就是如果浮动的元素一行无法放下,则会换行显示,换行显示的元素的垂直会参考上一个元素的最低点开始

虽然当img图片脱离了标准流,但是图片还是文本,所以文本与文本之间还是在一起排列

对了,记得浮动之后一定要清除浮动,下一章在写如何清除浮动

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值