MarginTop适用于身体

时间:2015-09-11 12:42:07

标签: html css

我正在网站上工作,我正在尝试集成一个小插件。

我有一个问题,我已经面对但我忘了如何解决它。

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

基本上,当你向身体里面的元素添加一个margin-top时,这个margin-top也应用于body。我实际上不知道如何解决它。

该网站具有响应能力,因此我无法做到,因为它不再具有响应性

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

有人有想法吗?

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

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

THX

2 个答案:

答案 0 :(得分:4)

整个CSS有效:

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

将其更改为:

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

错误:

  1. 1000p错了。应该是1000px
  2. margin-auto错了。使用margin: auto
  3. 对您的问题

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

    body {
      margin: 0;
      padding: 0;
    }
    

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

答案 1 :(得分:2)

你的CSS错了: 1000P; =>正确:1000px; 保证金自动; =>余量:汽车;

更改你的CSS:

#mydiv{
  position: absolute;
  width: 1000px;
  margin: 0 auto;
  margin-top: XXXXXXX;
}