html - 如何向包含 float img 的网站底部添加填充？

Question

我正在构建一个网页，其中有一个 float 在 div 中的“img”作为页面上显示的最低元素。页面在图像底部突然结束。为了美观起见，我希望用户能够滚动到图像之外(20px 左右)。我试图将 margin-bottom 和 padding-bottom 应用于 body、包含的 div 和相关图像，但无济于事。

我没有，也不会尝试使用 html 添加缓冲区或任何其他 hackish 解决方案来执行此操作。

页面:http://www.roughgiraffed.com/about.php(请不要评判我们，哈哈，仍然非常粗糙(双关语意)并且离部署还很远)

提前感谢您的帮助!

Answer 1

尝试在 #container 上添加 overflow: hidden;。 float 将 .profile div 从文档流中移除，这使浏览器认为 #container 仅与一般文本一样高。设置溢出以某种方式重置它。添加后，您可以像往常一样在容器上设置边距。