css中万能清除浮动样式

29 篇文章 0 订阅
19 篇文章 1 订阅

    有一种方式可以万能的清除浮动,只要在想要清除的盒子里面再给一个类名然后再利用伪对象设置属性

什么伪对象呢?常见的有:after{}    :before{}   :first-letter{}  :first-line{}, 下面我来一 一介绍一下!

:after{

content:' '清空,你也可以添加字符,这样的话所添加的字符会在这个选择器所选择的元素后面添加字符

overflow:hidden;

clear:both;清空样式

height:0;

visibility:hidden;

display:block;    只要将上面的内容写入要清除的浮动就行!

}

 

:before{

这个就是添加内容的

}

 

:first-letter{

处理开头第一个字符的内容的

}

:first-line{

这个是处理一行的文字的

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值