html - 如何制作不使用 100% 页面宽度的 div：位置：固定；因为页面是可滚动的

Question

我正在制作一个页面，其中有一个需要 100% 页面宽度的标题和主图像。虽然我需要能够向下滚动页面，因此我需要一种方法来使div100% 的页面宽度没有固定位置。

Answer 1

你在寻找类似http://twitter.github.com/bootstrap/components.html#navbar的东西吗？

最简单的方法是（DEMO）：

.navbar {
    display: block;
    border: 1px solid red;
    height: 60px;
    background-image: url(http://www.phing.info/trac/chrome/site/logo.gif);
    background-repeat: no-repeat;
    text-align: center;
    /*background-size: cover;*/
    background-size: contain;
}​