Question

我对网页设计很陌生，需要一些帮助/建议，即使是最简单的事情，直到我习惯它。现在我的问题：

我有一个绝对定位的div（实际上将成为我的标题），它覆盖了一个画廊。现在我希望它在水平方向上居中并且也具有响应性（具有最大宽度）。因为我还不习惯css，所以我得到了一些奇怪的行为。

header {
  position: absolute;
  width: 100%;
  max-width: 1000px;
  /*put padding or margin here*/

  font-size: 0px;
  top: 0;
  z-index: 10;
}

据我了解：我正在继承父级的宽度。但是现在当我向左右添加边距或填充时，宽度明显超过父级的宽度（意味着标题的cotnent溢出在右边，我得到一个垂直滚动条）。为了得到我想要的行为，我该怎么做？

提前致谢，

世界之树

Answer 1

最简单的方法是在绝对容器中包装标头：

＆＃13;

div {
  position:absolute;
  width:100%;
  left:0;
  }
header {
  max-width:1000px;
  margin:auto;
  background:tomato;
  }

＆＃13;

<div><header>header, run me in full page mode</header></div>

＆＃13;