清除浮动

本文介绍如何使用CSS的after伪类和内容声明在现有内容末尾添加不可见元素,并通过设置特定样式(如height, visibility, display等)来避免其占用垂直空间或显示在页面上。

说明:在使用css方法时,结合使用:after伪类和内容声明在指定的现有内容的尾声添加新的内容。在这个实例中,我添加了一个点,因为它是个不引人注意的字符。因为不希望新内容占据垂直空间或者在页面上显示,所以需要将height设置为0,将visibility设置为hidden。因为被清理的元素在它们的顶外边距上添加空间,所以生成内容需要将他的display属性设置为block。这样设置之后,就可以对生成的内容进行清理:

.clear:after{

  content:".";

  height:0;

  visibility:hidden;

  display:block;

  clear:both;

}

转载于:https://www.cnblogs.com/guwufeiyang/p/4252998.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值