如何修复容器标签以在正文标签具有无法更改的填充时向上移动

Question

我有一个body标签，其padding-top设置为100px，无法更改，其余的应用程序都依赖此设置。我需要向上移动容器，以便您无需滚动即可查看整个登录页面。

我尝试了margin-top：0；在容器中

body {
margin: 0;
padding-top: 100px;
padding-bottom: 0;
}

#container {
position: relative;
}

Answer 1

可能有效。.

css

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  /* Removes padding behaviour on widths */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#container {
  position: relative;
  margin-top:-100px
}

Answer 2

尝试

#container {
position: relative;
margin-top: -100px;
}