css - 使用边缘位置的 margin

Question

我正在使用下面的 css，我得到了很好的高度，但它失去了 margin: 0 auto。我怎样才能更改 css 以获得完整的窗口高度，同时还具有 div 中心？

CSS:

.container{
    width:960px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: 0 auto;
    background:url('../img/bg.png') repeat;
    background-size:100% 100%;
}

Answer 1

这可能会导致您遇到更多问题，但基本思想是强制 body 和 html 具有 100% 高度

HTML

<div class="page">
    content
</div>

CSS

html,
body {
    margin:0;
    height:100%;
}

.page {
    min-height:100%;
    margin:0 auto;
    width:300px;
    background:green
}

fiddle :http://jsfiddle.net/Varinder/fk9N3/

编辑: 抱歉，当我说进一步的问题时，我的意思是拉伸(stretch)嵌套的 div 以拉伸(stretch)窗口的整个高度会很棘手，因为在这种情况下你必须强制每个元素在链中有 min-height:100%;

类似下面的内容

<div class="some-wrapper">
    <div class="content-wrapper">
        <div class="some-other-div">
        </div>
    </div>
</div>

要使 .some-other-div 成为窗口的全高 - 您必须将 min-height:100%; 添加到 .some-wrapper, .content-wrapper 这有点丑