我是网页设计的新手,所以这可能是一个愚蠢的问题,但请耐心等待。
我想创建一个水平居中的 div
,其高度始终从底部延伸至 175 像素 - 所以基本上是 100% 减去 175 像素的高度。
div
中的内容比高度长,应该是可滚动的
这是我得到的:
.container {
width: 600px;
margin-left: auto;
margin-right: auto;
overflow: scroll;
height: 100%;
}
但现在我需要某种截断线来阻止内容延伸到页面底部。
最佳答案
了解您想要实现的视觉效果类型也会有所帮助。在 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}
关于css - 分区高度 : percent minus px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8964097/