使div有目的地溢出32px？

Question

我有一个高度为100%的div.我希望高度为浏览器窗口的100%,加上底部的额外32px,将被截断(及其内容).这可能吗？我搜索过,但似乎大多数人都试图避免这种情况,而不是创造它.一个纯CSS的解决方案会更好,但如果这是唯一的方法,我会尝试javascript或jquery.

提前致谢!

澄清:我试图裁掉div中的内容,大约32px值.因此,添加填充或任何类型的空白空间并不是我正在寻找的.谢谢.

Answer 1

只需div按常规方式制作100%高度,然后添加padding-bottom: 32px;即可.

例如:http://jsfiddle.net/zbp7U/

有一些实际内容:http://jsfiddle.net/zbp7U/1/

Answer 2

position: absolute受@Steve's 答案的启发，您可以使用和 设置top和值隐式设置高度bottom。在这种情况下：

HTML：

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

CSS：

html,body { height: 100%; }

.content {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: -32px;
}

示例： http: //jsfiddle.net/blineberry/qpvum/