对于浮动的看法

本文详细介绍了CSS浮动布局的基本原理,包括左浮动和右浮动的应用,如何通过浮动使块元素排成一行,以及浮动对行内元素宽度和高度设置的支持。同时,文章探讨了清除浮动的方法,如使用overflow:hidden;、添加额外的div标签或使用伪元素。

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

浮动可以使块元素排成一行,包括左浮动和右浮动,当浮动元素的框碰到了父元素的边框或者是另一个浮动框的边框时停止,浮动让行内元素支持设置宽度和高度,浮动也可以实现文字包围图片的效果,当父元素不设置高度的时候,浮动会脱离父元素,对父元素的兄弟元素会产生影响,因此需要清除浮动产生的影响,清除浮动的常用方法包括三种,一种是在父元素中设置overflow:hidden;还有一种就是添加额外的标签,比如在父元素内添加一个<div style="clear:both;>,还有一种就是在外部的css文件中添加.father:after{content:’’;display:block;clear:both;}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值