Css 附加到视口底部的DIV

我已经阅读了其他一些关于如何将DIV附加到视口底部的文章，并且我成功地实现了一个解决方案，但是我遇到了一些问题

地址：

您可以看到，在我创建并附加的DIV中，有一个图像拉伸了100%。上面的DIV设置为高度：100%

但是它占用了太多的垂直空间，我试图补偿它对整体高度的影响

结构如下：

我尝试过将负边距设置为顶部和底部边距以及填充以补偿收割台高度，但还没有找到答案

如果有人有什么建议，我们将不胜感激

提前感谢,

---

mm

如果您试图将某个内容附加到浏览器窗口的底部并将其保留在那里，那么您可能对CSS

位置：

属性感兴趣

---

具体而言，

位置：固定然后指定
底部：0
将某个内容的底部附加到浏览器的底部。
我不确定是否正确理解了您的问题，但我想到的唯一一件事是使用以下内容：

div#content_block
{position: absolute;
top: 3em; /* basically this is 0 + vertical-height of the header; adjust to taste */
left: 0; /* assuming you want the div to stretch across the viewport */
right: 0;
bottom: 3em; /* 0 + vertical-height of footer */
overflow: auto;
}

但这感觉很糟糕，我忍不住想，如果对你的问题有更清楚的了解，就可以找到更好的解决方案

您是否有可能发布（或链接到）描述您的预期布局的图像？是否添加了相关的边距和偏移？另外，发布代码（css和html）也是一个好主意。
我认为如果您试图在上分区指定高度，您会遇到问题。这样做会变得复杂和混乱

试试这个：

在上面的内容分区上，不要设置高度；但一定要将底部填充设置为100px，或者设置一些允许底部div在不重叠的情况下显示其全部内容的超值。这样，您的主要内容将正常流动，并根据需要占用尽可能多的空间，但不会受到底部分区的干扰。
谢谢您的回复。我已经设法将DIV定位在我想要的位置-底部。我想要一些帮助上面的DIV-补偿整体高度。或者甚至可能是上分区。。。