html - 如何忽略 parent 的div中心位置

Question

div(page-wrap)是页面容器，宽度为960px，位置居中于页面中间。我想要一个忽略它并具有页面宽度的子 div。

.page-wrap {
  min-height: 100%;
  max-width: 960px;
  margin:0 auto;
  /* equal to footer height */
  margin-bottom: -50px;
}

我希望这个 div 忽略上面的内容

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 0;
}

HTML

<div class="page-wrap">
    <img src="logo.jpg" width="150px" height="75px">
    <hr/>
</div>

Answer 1

它们是 CSS 中的 3 种位置:

• 静态
• 亲戚
• 固定
• 绝对

在您的情况下，您想使用除absolute 之外的任何一个。尝试看看什么最适合您的需求。

read this