为了账号安全,请及时绑定邮箱和手机立即绑定

关于清楚浮动的问题

关于清楚浮动的问题

慕神3034072 2018-08-24 12:38:14
在这个例子中,新添加的div不本来就是块级元素吗,于什么还要用到display:block呢?
查看完整描述

6 回答

已采纳
?
业余奶茶品鉴师

TA贡献260条经验 获得超388个赞

哈哈,我也不知道浮动到底是怎么清除的,但是这段代码确实可以起作用,每次写新项目直接粘过去就好

查看完整回答
2 反对 回复 2018-08-24
点击展开后面2
?
壮壮Lau

TA贡献3条经验 获得超0个赞

content只能与::before或::after配合使用,伪元素默认是行内元素,所以写display:block没有任何毛病。

如果不想用伪元素可以改成

.clearfix{

clear:both;

height:0

}

查看完整回答
反对 回复 2018-12-19
?
慕运维5049730

TA贡献9条经验 获得超3个赞

两个按钮怎么居中呢

查看完整回答
反对 回复 2018-08-27
?
心上无垢

TA贡献6条经验 获得超2个赞

清楚浮动并不是把浮动清楚了,而是清楚浮动带来的影响,影响就是父级元素没有了高度。所以清楚浮动本质就是给父级元素一个高,你可以直接给父级元素高(太傻了)。你可以加dispaly  position overfild这几个属性,加上去就能清楚浮动,其原理就是这几个属性可以启动浏览器的bfc宣览机制(什么是bfc可以百度哈,很重要),简单的说呢,bfc就可以把元素高强制出来,又回到了本质,通过这个机制宣览,父元素又有高了。所以清除浮动还是让父元素有高而已。如果你听了我的 回答不懂,且觉得不重要,你还是去把网上清除浮动的代码粘贴下来,直接用吧。

查看完整回答
反对 回复 2018-08-25
?
慕瓜8198496

TA贡献1条经验 获得超0个赞

怎么样两个按钮在一行居中呢

查看完整回答
反对 回复 2018-08-25
?
AxAxA

TA贡献4条经验 获得超1个赞

div可以不加,但有些的元素不是块级,就吧,那些元素也可用了。

查看完整回答
反对 回复 2018-08-24
?
橋本奈奈未

TA贡献436条经验 获得超108个赞

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
<div class="per clearfix">
    <div class="li"></div>
    <div class="li"></div>
</div>


查看完整回答
反对 回复 2018-08-24
?
橋本奈奈未

TA贡献436条经验 获得超108个赞

是你写错了,

应该这么写

.clearfix::after{
    content: "";
    display: block;
    clear: both;
}

利用伪元素。content其实是空字符,然后把clearfix加到per的div上。所以才要加display

如果你用的是div那可以不要display,content也不需要,height和visibility也是多余的

查看完整回答
反对 回复 2018-08-24
?
橋本奈奈未

TA贡献436条经验 获得超108个赞

你用错了,是伪类

.clearfix::after {}

然后给要清除浮动的元素添加这个类

查看完整回答
反对 回复 2018-08-24
  • 6 回答
  • 3 关注
  • 2488 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信