html - div 的 top-padding 与它上面的 div 无关

Question

我不太擅长 HTML/CSS。 Here是我要编辑的网站。我不确定这是否应该在 WordPress Stack 中，因为即使我的网站在 WordPress 中，问题出在 CSS 上。另外，我真的很抱歉英语不好(我会 5 种语言，所以很难跟上)。 问题是网格(显示产品目录的基本网格)和它上面的容器都是一个 div 的子元素。当我尝试更改网格的填充时，它会更改相对于父 div 顶部的填充，而不是更改位于其顶部的同级元素。 我不确定哪些 CSS 属性可能会影响这个(我不是很擅长 CSS)但我已经发布了我认为可能是问题的那些。请访问链接并检查元素(抱歉..)

.child-on-top{
//acutal id on page is featured-111
width: 99.8936px;
height: 449px;
background-size: 100% 100%;
}
.child-below{
position: relative;
padding-top: 100px;
}
.parent{
//actual id is wrapper.
position: relative;
clear: both;
}

到目前为止，一个有效的解决方案是，如果我将顶部内边距增加到大约 500 像素，这将在下面的子元素上方添加大约 50 像素的内边距。但这只适用于桌面。在移动设备中，您会得到很多空白空间。所以这不是真正的解决方案。

Answer 1

添加以下css然后检查。您的 div 具有 id featured-111，它从类 grid 中 float ，并且由于这个问题而创建。所以写这个css

#featured-111{
float:none;
}