Html 如何在包含浮动img的站点底部添加填充？
我正在构建一个网页，其中一个“img”浮动在div中，作为页面上显示的最低元素。页面在图像底部突然结束。为了美观，我希望用户能够滚动到图像的正上方（20px左右）。我已经尝试将边距底部和填充底部应用于主体、包含div的部分和正在讨论的图像，但没有效果 我没有，也不会尝试使用html添加缓冲区或任何其他黑客解决方案 页面： （请不要评判我们lol，仍然非常粗糙（双关语的意思）并且距离部署还很远）Html 如何在包含浮动img的站点底部添加填充？,html,css,Html,Css,我正在构建一个网页，其中一个“img”浮动在div中，作为页面上显示的最低元素。页面在图像底部突然结束。为了美观，我希望用户能够滚动到图像的正上方（20px左右）。我已经尝试将边距底部和填充底部应用于主体、包含div的部分和正在讨论的图像，但没有效果 我没有，也不会尝试使用html添加缓冲区或任何其他黑客解决方案 页面： （请不要评判我们lol，仍然非常粗糙（双关语的意思）并且距离部署还很远） 提前感谢您的帮助 我做了以下测试，这会使主体溢出并显示一个垂直滚动条 此外，以下方法略有不同： &
提前感谢您的帮助 我做了以下测试，这会使主体溢出并显示一个垂直滚动条
<html style="height: 110%;">
<body>
<div id="container">
<div id="imageContainer">
<img src="youImage.jpg"/>
</div>
</div>
</body>
内联元素不能有填充或边距尝试添加
溢出：隐藏。浮动将.profile
div从文档流中移除，这使得浏览器认为#容器
仅与一般文本一样高。设置溢出会以某种方式重置此设置。添加后，您可以像往常一样在容器上设置边距。您应该能够将边距底部添加到body标签上
body { margin-bottom: 20px; }
否则，您可以将该页边距底部添加到容器中
<div id="container">
<img src="yourimage.jpg" alt="" />
</div>
#container { margin-bottom: 20px; }
#容器{页边距底部：20px；}
注意：这两种方法在测试时都有效根据提供的信息，您已经尝试过的方法应该已经达到了预期的效果。必须有其他风格的工作，这是阻止工作。你可以发布一个链接到该网站？还是一个例子？或者pastebin.org？这张图片是浮动的吗？我以前遇到过浮动块元素似乎忽略了边距的问题。如果看不到源代码，我会冒险猜测一个未清除的浮动？也许你可以在图像底部添加20px的透明空间。谢谢你的努力，但第一种方法与我一直尝试的方法类似（在我的情况下失败）第二个不适用于我的情况，太棒了！这个提示很有效。我不太清楚它为什么有效，但这正是我需要的。我也不知道。多年来，我一直在寻找无用的样品，但有一次我偶然发现了它。我永远不会忘记它，并尽可能多地分享它，以拯救他人；这个问题和浮动图像有关，我认为它是页面上最低的元素。我正在更新原始问题以反映这一点。
<div id="container">
<img src="yourimage.jpg" alt="" />
</div>
#container { margin-bottom: 20px; }