Question

我的网页的一般html结构是

<div id="wrapper">
      <div id="header">
      </div>
      <div id="content">
      </div>
      <div id="footer">
      </div>
</div>

我有1000px的布局，内容居中。

但是，对于几个页面，我在内容中有一个横幅，它应该100％扩展到浏览器的两侧（即超过1000px包装器）。

我应该删除此页面的包装div并应用宽度：1000px;保证金：0自动;分别？或者我应该在标准包装布局之外取横幅？有什么更标准的方法可以做到这一点？

谢谢。

Answer 1

使用style =“overflow：show”为内容横幅，父级应该允许它显示。而不是width = 100％你可能需要使用一些javascript来获得屏幕宽度并使其宽度。

Answer 2

我会把包装纸外的横幅拿走。

Answer 3

我有同样的问题并做了类似的事情：

.center
{
  margin: auto;
  width: 1000px;
}

<div id="wrapper">
  <div id="header">
  </div>
  <div id="content">
    <div class="center">
    </div>
    <div id="banner">
    </div>
    <div class="center">
    </div>
  </div>
  <div id="footer">
  </div>
</div>

标记HTML横幅的最佳方法

3 个答案: