div高度：百分比减去px

Question

我对网页设计很陌生，所以这可能是一个愚蠢的问题，但请耐心等待。

我想创建一个水平居中的div，其高度始终从底部延伸到175px-所以基本上高度为100％减去175px。

div中的内容比高度长，应该可滚动

这就是我所拥有的：

.container {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    overflow: scroll;
    height: 100%;
}

但是现在我需要某种截止线来阻止内容扩展到页面底部。

Answer 1

了解您尝试实现的视觉效果会有所帮助。通常在CSS中，视觉效果与您正在使用的代码并不完全对称 - 换句话说，通常使用代码来创建“幻想”......无论如何我都离题了。

供参考，请参阅http://jsfiddle.net/xqBph/6/

<div id="container">
    <div id="content">
      some content
    </div>
</div>

body,
html {
    height: 100%;
    position: relative
}

#container {
    width: 200px;
    height: 100%;
    overflow: hidden;
    margin-top: -175px;
    outline: 1px solid red; 
}

#content {padding-top: 175px}