图像在 WordPress 中溢出 2 个 div

Question

想知道有没有机会像这张图一样得到以下网站的logo？

很遗憾，我找不到向徽标添加 class 或 ID 的方法。

谢谢 :-)

Answer 1

您可以稍微调整一下定位（见下文：）

#header > .container {
  bottom: -100px;
  position: absolute;
  text-align: center;
  width: 100% !important;
}
header#header {
  padding-bottom: 200px;
}

那会给你这个：

Answer 2

像这样更新你的CSS

#header > .container {
  height: 230px;                  /*  less high than image make it overflow below  */
}
#header {
  margin-bottom: 80px!important;  /*  increase the green elements margin some  */
}

旁注：

有时使用 position: absolute 来处理这类事情很诱人，不要，它很可能会在稍后给您带来问题路上，经常有不需要的元素重叠。

图像在 WordPress 中溢出 2 个 div

image overflow 2 divs in WordPress

css

wordpress

overflow