首页 > 试题广场 >

如果子元素都为浮动，不能解决父类高度塌陷问题的是（）

[单选题]
如果子元素都为浮动，不能解决父类高度塌陷问题的是（） 
  • 给父元素添加 clear: both;
  • 给父元素添加 overflow: hidden;
  • 在浮动元素下方添加空 div，并添加样式 clear: both;
  • 设置父元素 :after{content: “”;clear: both; display:block;overflow: hidden;}
查看正确选项
添加回答
会飞的特洛伊头像 会飞的特洛伊
清除浮动可以使用在父元素中创建BFC,这样父元素再计算高度的时候就会将浮动计算在内，这是BFC规则之一。而另一种方法就是利用clear: both清除，而这种方法又可以分为空元素设置与伪元素设置。
发表于 2019-05-06 21:03:05 回复(3)
机车双猫怪头像 机车双猫怪
1.直接给父元素设置高度，在子元素改变的情况下，此方法使用起来比较繁杂。
2.给父元素直接设置 overflow:hidden;样式 
3. 父元结束标签之前加空div，样式为 clear：both； 
4.伪元素选择器,父元素加上clearfix
发表于 2021-01-13 10:00:14 回复(0)
是个小红薯吖头像 是个小红薯吖
发表于 2021-09-09 14:20:22 回复(0)
百里不守约头像 百里不守约
伪元素选择器,父元素加上clearfix：
<div class="xxx clearfix"></div> 
<style>{ .clearfix::after{ content:' '; /* 必须设置空的content属性才会生效*/ height:0; display:block; /* 转换成块元素 */ clear:both; } }</style>
发表于 2020-09-27 15:48:50 回复(0)
猫猫懒头像 猫猫懒
https://blog.csdn.net/m0_46382643/article/details/104601341
发表于 2022-01-26 22:36:31 回复(0)
牛客297092334号头像 牛客297092334号
触发一个盒子的BFC  弥补margin塌陷
position：absolute；
display：inline-block；
float：left/right
overflow：hidden；
发表于 2022-01-23 23:06:46 回复(0)
墨白wl头像 墨白wl
clearfix好像也可以。
发表于 2021-04-25 14:42:31 回复(0)
YuiLi头像 YuiLi
clear:both;消除的是当前元素之前的浮动元素给当前元素带来的影响
发表于 2023-08-15 23:24:58 回复(0)
牛客621234433号头像 牛客621234433号
我吐了，意思对了，对象错了，应该给子集的最后一个再填加一个div，写clear：both
发表于 2022-03-05 10:18:24 回复(0)
完善度70%头像 完善度70%
D也错了啊，用的是单冒号，伪类选择器，双冒号才是伪元素啊。
发表于 2023-02-13 15:35:00 回复(1)
木名V头像 木名V
  • 给父元素添加 overflow: hidden;
谁能讲讲这个为什么可以？
发表于 2023-01-02 22:48:30 回复(1)
ず东隅已逝╊桑榆未晚头像 ず东隅已逝╊桑榆未晚
<p>是可以在父元素的伪元素添加clear:box，而不是直接在父元素上加。</p><p>另外可以在浮动元素后添加一个空标记，然后在标记元素添加clear:both</p><p><br></p>
发表于 2020-11-19 20:31:11 回复(0)
提交观点

问题信息

CSS 前端工程师 2019 百度 HTML
上传者：小小
难度：
12条回答 4326浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号