Header 由于填充而向右移动

Question

我希望我在 Wordpress 中的 header 居中于 body-content。现在 Page-id Div 左右都有 40px 的填充。在宽度为 960 + 40 + 40 = 1040 的 Header.php 中添加我的 Header 时， Header 位于 body-content 的中心，但向右 40 像素，因为左边有填充。

我将 header 放在了

<img src="http://www.juristi.nl/wp-content/uploads/2015/04/cropped-Testheader.jpg" alt="Header" height="250" width="1040" overflow="visible">

我的 Header 如何才能在 body-content 中完全居中，而不受填充的影响？

网址是：Juristi.nl

  media="all"
@media screen and (min-width: 960px)
body .site {
  padding: 0 40px;
  padding: 0 2.857142857rem;
  margin-top: 0px;
  margin-bottom: 48px;
  margin-bottom: 3.428571429rem;
  box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

Answer 1

您的想法是正确的，但是您指定边距的代码中存在语法错误：

你有： <img src="http://www.juristi.nl/wp-content/uploads/2015/04/cropped-Testheader.jpg" alt="Header" height="250" width="1040" overflow="visible" margin-left:"-40px">

但应该是： style="margin-left:-40px"

如果您内联使用它，或者只是 margin-left:-40px 如果您将它放在您的 CSS 样式表中。

希望对您有所帮助。

Header 由于填充而向右移动

Header moves to the right because of padding

wordpress

header

center

padding