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

CSS：上边距和无边框父 Div

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

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

.body {
    overflow: auto;
}

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

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

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