css - 分区高度 : percent minus px

Question

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

我想创建一个水平居中的 div，其高度始终从底部延伸至 175 像素 - 所以基本上是 100% 减去 175 像素的高度。

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}