清除浮动的方法

本文介绍了五种清除HTML中浮动元素的方法,包括给父元素添加高度、使用空div清除浮动、设置overflow为hidden、给父元素添加浮动以及利用伪元素清除浮动。

1、给父元素添加高度,后面的元素清除浮动

2、写一个空div专门用来清除浮动,只需要给这div添加属性clear:both;即可

3、给父元素添加属性overflow:hidden;

4、给父元素添加浮动

5、给当前元素添加伪类,如:

    .box:after {

               content: " . ";

               display: block;

               clear: both;

               height: 0; visibility: hidden;/ footsize: 0;

              

               

转载于:https://www.cnblogs.com/tenro/p/7761339.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值