如何防止子 Div 的边距影响无边框父 Div 的高度？

Susan Sarandon

发布： 2024-12-01 09:12:11

原创

756 人浏览过

How Can I Prevent a Child Div's Margin from Affecting a Borderless Parent Div's Height?

CSS：上边距和无边框父 Div

在所描述的场景中，子橙色 div 设置为 30px 上边距缺少顶部边框的绿色父 div。当边距将父 div 向下推时，即使不需要顶部边框，也会出现此问题。

要解决此问题，在保持无边框父 div 的同时，请考虑实现以下内容：

.body {
    overflow: auto;
}

登录后复制

通过将“overflow: auto”添加到父div“.body”中，您可以调用浏览器的折叠边距行为。这允许子 div 的上边距包含在父 div 内，而不会超出其边界。

此方法可确保绿色 div 保持无边框，同时防止边距折叠，从而允许正确定位子橙色 div不会导致父 div 高度发生不必要的变化。

以上是如何防止子 Div 的边距影响无边框父 Div 的高度？的详细内容。更多信息请关注PHP中文网其他相关文章！

来源：php.cn

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章