css 子absolute导致父高度塌陷问题

最新推荐文章于 2023-08-20 13:59:37 发布

公孙元二

最新推荐文章于 2023-08-20 13:59:37 发布

阅读量919

点赞数

分类专栏： Css/Canvas/SVG/Elementui 文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/Amnesiac666/article/details/122434401

版权

Css/Canvas/SVG/Elementui 专栏收录该内容

144 篇文章 3 订阅

订阅专栏

网上其他方法都是清除浮动的，解决absolute的塌陷问题，发现只有以下这种js有效

 <body>
        <div class="container" id="container">
            <div class="box" id="box" ></div>
        </div>
        <script>
            //拿到子元素的高度
            var box=document.getElementById("box").offsetHeight;
            //将子元素的高度赋予父元素
            document.getElementById("container").style.height=box;
        </script>
</body>

或者换个思路，不要用absolute来实现你的需求，比如子变成inline-block然后父设置text-align，或者用flex不香吗？

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

公孙元二

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css 子absolute导致父高度塌陷问题

网上其他方法都是清除浮动的，解决absolute的塌陷问题，发现只有以下这种js有效 <body> <div class="container" id="container"> <div class="box" id="box" ></div> </div> <script> //拿到子元素的高度 var box=d
复制链接

扫一扫