美文网首页
1.子元素为浮动,解决盒子塌陷问题

1.子元素为浮动,解决盒子塌陷问题

作者: xcx时光你好 | 来源:发表于2022-12-01 17:30 被阅读0次
  <div class="father">
      <span>测试xxx</span> <span>测试xxx</span>
      <!--方法3.<div style="clear: both"></div>-->
  </div>

方法1.     父盒子加  .father {overflow: hidden;}
方法2.  父盒子添加伪元素   .father:after{content: "";clear: both; display:block;overflow: hidden;}

相关文章

  • 1.子元素为浮动,解决盒子塌陷问题

  • 高度塌陷

    高度塌陷问题:子元素浮动父元素的高度没了,就会造成高度塌陷,可以开启bfc来解决这个问题,bfc有三种特性 1.父...

  • 前端07day

    高度塌陷: 块元素默认父亲宽,高度由内容撑开父元素高度由子元素撑开浮动后塌陷 解决高度塌陷: BFC 1.父元素的...

  • 塌陷,导航,定位

    高度塌陷 块元素默认父亲宽,高度由内容撑开父元素高度由子元素撑开浮动后塌陷解决高度塌陷:BFC 1.父元素的垂直...

  • 清除浮动的方法

    清除浮动 清除浮动的作用 为了解决父级元素因为子级元素浮动导致高度为0的问题,将浮动的盒子圈在内部,让父盒子闭合出...

  • 清除浮动的最常用的四种方法,以及优缺点

    为什么要清除浮动? 清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题 1.如下,我给父盒子设...

  • CSS清除浮动4种方法

    是为了解决 父元素因为子元素浮动而引起的内部高度为0的问题。 布局: 盒子1 盒子2 大盒子 样式: .fathe...

  • 解决高度塌陷、定位(补充版)、opacity、filter、ba

    解决高度塌陷 清除浮动:将最后一个盒子设为空白盒子再clear:both;就可以撑开父元素,防止高度塌陷 ...

  • overflow:hidden的问题

    为什么会出现盒子塌陷?盒子塌陷是本应该在父盒子内部的元素跑到了外部。当父元素没有足够大小的时候,而子元素设置了浮动...

  • 解决浮动元素父级塌陷的问题

    如果网页中某个元素内具有多个带有浮动属性的子元素,使得父元素发生塌陷,则给父元素添加高度不能解决父元素塌陷问题。 ...

网友评论

      本文标题:1.子元素为浮动,解决盒子塌陷问题

      本文链接:https://www.haomeiwen.com/subject/aodsfdtx.html