Javascript 故意使div溢出32px？

我有一个div的样式是高度：100%。我想高度是100%的浏览器窗口，加上一个额外的32px在底部，这将被切断（连同其内容）。这可能吗？我搜索过，但似乎大多数人都试图避免这种情况，而不是创造它。一个纯CSS解决方案会更好，但如果这是唯一的方法，我会尝试javascript或jquery

提前谢谢

---

澄清：在div中会有我试图裁剪掉的内容，大约值32px。因此，添加填充或任何类型的空白都不是我想要的。谢谢。

除了填充选项之外，还有另一种可能性

html, body { height: 100%; }

.customBox { height: 100%; position: absolute; }

.customBox .overflowFooter { position: absolute; bottom: -32px; height: 100px; }

（假设您的内容框中有class=“customBox”，其中有一个div，class=“overflowFooter”）

上述选项将为您提供一个标准的100%高度框，但会添加一个额外的“页脚”块，该块被手动定位，以便该内容的底部低于主内容32px，但其高度为100px

我真的不太确定你来这里干什么

你可以超越100%

height: 110%;

---

只需按照通常的方式制作一个100%高度

div

，并添加

填充底部：32px到它

例如：

通过一些实际内容：
受@Steve答案的启发，您可以使用
位置：绝对值
隐式设置高度，并同时设置
顶部
和
底部
值。在这种情况下：

HTML:

示例：
您的意思是，如果溢出内容超过32px，则应显示一个滚动条吗？不完全是，我将隐藏滚动条，让溢出内容被裁剪掉。无法使用%s指定px。如果他想要的是32px，这就不行了，因为额外的10%可能是20px或200px；）也许我应该澄清一下，在div中会有我想要删掉的特定内容。填充底部：32px只会添加空白。谢谢。@Scott Chandler:你看过第二个演示了吗？那个有内容。如果这也不好，那么你应该进一步澄清。@thirtydot一开始我不理解你的演示，但我只是再看一遍，我知道你做了什么。我不确定这是否适用于我的情况，因为内容需要延伸到整个div，而不仅仅是被切断的部分。不过，这是另一个建议，谢谢你的帮助。嗨，史蒂夫，谢谢。正如我刚才提到的（我将看看是否可以将其添加到我的原始评论中），我将在div中包含我希望通过-32px裁剪的内容。我不确定这是否适用于你的方法？抱歉说得不够清楚，布伦特，这很有效！非常感谢，也感谢史蒂夫的灵感。
<div class="content"></div>

html,body { height: 100%; }

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