html - 应用于正文的 MarginTop

Question

我正在做一个网站，我正在尝试集成一个小插件。

我遇到了一个问题，但我忘记了如何解决它。

这是网站:http://www.journaldunet.com/solutions/mobilite/ios-9.shtml

基本上，当您向 body 内的元素添加 margin-top 时，此 margin-top 也会应用于 body。我实际上不知道如何解决它。

网站是响应式的，所以我不能做，因为它不会再响应了

#mydiv{
position:absolute;
width:1000px;
margin:auto;
}

有人有想法吗？

编辑:找到解决方案。溢出不起作用，所以我不得不做一些小技巧(在这种情况下有效)。它不干净，但可以解决问题。

body{
padding-top:1px;
margin-top:-1px;
}

谢谢

Answer 1

整个 CSS 是有效的:

#mydiv{
position:absolute;
width:1000p;
margin-auto;
}

将其更改为:

#mydiv{
  position: absolute;
  width: 1000px;
  margin: auto;
}

错误:

1. 1000p 是错误的。应为 1000px。
2. margin-auto 是错误的。使用 margin: auto。

解决方案 您的问题。尝试将其提供给 CSS 来修复:

body {
  margin: 0;
  padding: 0;
}

我要求您重置 margin 的原因是默认情况下，根据 CSS 2.1 Specification ，默认边距为 8px。我添加了 padding: 0; 因为要确保其他 CSS 不应该影响填充。希望清楚。