- 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楼
高度坍塌可能有以下几种原因:
- 你的浮动被用于非可见元素上,导致元素没有正确地应用BFC。
- 你的BFC和清除了浮动的区域之间有过度的边距或空白,这可能会导致高度塌陷。
- 你的元素具有高度或宽度属性,这些属性可能影响BFC的应用,从而导致高度塌陷。
- 你的HTML结构有误,例如没有正确地关闭HTML标签,导致高度塌陷。
为了确定原因,你可以尝试以下步骤:
- 在开发环境中清除浮动,看看是否可以解决高度坍塌问题。
- 尝试添加更多样化的代码,以确保BFC和清除浮动的区域之间的边界正确。
- 检查你的HTML结构,确保所有的元素都被正确地关闭。
- 使用浏览器的开发者工具,查看你的代码在不同浏览器中的行为,找出可能的错误。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
