我正在网站上工作,我正在尝试集成一个小插件。
我有一个问题,我已经面对但我忘了如何解决它。
这是网站: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
答案 0 :(得分:4)
整个CSS有效:
#mydiv{
position:absolute;
width:1000p;
margin-auto;
}
将其更改为:
#mydiv{
position: absolute;
width: 1000px;
margin: auto;
}
错误:
1000p
错了。应该是1000px
。margin-auto
错了。使用margin: auto
。解决方案。尝试将其提供给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;
}