div的top-padding与其上方的div无关

Question

我对HTML / CSS不太满意。 Here是我正在尝试编辑的网站。我不确定这是否应该在WordPress Stack中，因为即使我的网站在WordPress中，问题在于CSS。另外，我真的很抱歉英语不好（我知道5种语言，所以有点难以跟上）。 问题是网格（显示产品目录的Essential Grid）和它上面的容器都是一个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 px，那么将在下面的子元素上方添加大约50个像素的填充。但这只适用于桌面。在移动设备中，您将获得大量空置空间。所以这不是一个真正的解决方案。

Answer 1

添加以下css然后检查。你的id featured-111的div从类grid中浮出来并因此问题而创建。所以写这个css

#featured-111{
float:none;
}