账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    设置了BFC和清除了浮动,依然产生了高度坍塌?
    24
    0
    // 父元素
    .task-container {
      text-align: center;
      position: relative;
      overflow: auto;
      &::after {
        content: "";
        display: block;
        clear: both;
      }
    }
    
    // 子元素
    .task {
      width: 100%;
      height: 400px;
      position: absolute;
      top: 0;
      left: 0;
    }

    照理(大多数文章)来说,设置了BFC或者清除浮动,子元素是可以撑开父元素的(即使父元素没设置高度)

    我使用normalize.css,浏览器用的是谷歌最新版本(不大可能是浏览器的因素)

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 寒闪图寒 普通会员 1楼

      高度坍塌可能有以下几种原因:

      1. 你的浮动被用于非可见元素上,导致元素没有正确地应用BFC。
      2. 你的BFC和清除了浮动的区域之间有过度的边距或空白,这可能会导致高度塌陷。
      3. 你的元素具有高度或宽度属性,这些属性可能影响BFC的应用,从而导致高度塌陷。
      4. 你的HTML结构有误,例如没有正确地关闭HTML标签,导致高度塌陷。

      为了确定原因,你可以尝试以下步骤:

      1. 在开发环境中清除浮动,看看是否可以解决高度坍塌问题。
      2. 尝试添加更多样化的代码,以确保BFC和清除浮动的区域之间的边界正确。
      3. 检查你的HTML结构,确保所有的元素都被正确地关闭。
      4. 使用浏览器的开发者工具,查看你的代码在不同浏览器中的行为,找出可能的错误。
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部