css - 由父元素修剪的后代子元素

Question

在this WordPress网站中，我试图获得：

<section id="content"> 

_{包含正文<}

的框

重叠其父级的上边界

<div id="container">

当我将top:-200px添加到该部分的样式时，它会被上面的图片剪裁。防止剪辑的唯一方法是通过从中删除来编辑祖先<div id="wrapper">：

overflow-x: hidden

但这也消除了白色背景。我不需要剪辑+是背景，但只能剪辑+背景，或没有剪辑+没有背景。

以下是我的网站：http://biztest.netai.net

如果登录网站有帮助，我可以向您发送登录信息。

Answer 1

您好，您可以按照这种方式：

• 在该部分设置top:-200px。

• 删除包装上的overflow-x:hidden。

问题来自：

  

为什么删除了白色背景？

因为在浮动节之后你没有使用clear方法，所以容器和包装器似乎有height:0。您可以在之前的修改后将其添加到CSS中：

#container:after {
  content: " ";
  display: block;
  clear: both;
}

使用DeveloperTools进行修改后的屏幕截图：