Css Can'；不要让DIV到达页面底部

图像没有填充site wrap元素，因此主体显示在底部。我试着弄乱图片上的边距，但我似乎无法让网站包装在不经过或不足的情况下进入底部。任何关于如何实现此效果的提示都将不胜感激。

这并不漂亮，但您可以通过添加

填充底部：100%来解决此问题

到.site包装器

不能说这一定是最好的解决方案，但我想你可以添加以下内容：

.site-wrap {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    box-sizing: border-box;
}

---

使用

vh

单元（相对于视口高度），但可能需要从底部移除填充

.site-wrap{
   height:100vh;
}

---

您可以使用javascript来适应屏幕的高度：

<script>

// GET THE HEIGHT OF THE SCREEN
var body = document.body,
    html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );

// GET THE DIV BY CLASS
var sitWrap = document.getElementsByClassName("site-wrap")[0];

// SET ITS HEIGHT
sitWrap.style.height = height + "px";

// REMOVE THE PADDING SET IN YOUR STYLE
sitWrap.style.padding = "0px";


</script>

//获取屏幕的高度
var body=document.body，
html=document.documentElement；
var height=Math.max（body.scrollHeight，body.offsetHeight，
html.clientHeight、html.scrollHeight、html.offsetHeight）；
//按课时获得DIV
var sitWrap=document.getElementsByClassName（“站点包裹”）[0]；
//设定它的高度
sitWrap.style.height=高度+px；
//删除样式中的填充集
sitWrap.style.padding=“0px”；

请出示一些代码好吗？请在此处添加有意义的代码和问题描述。不要只是链接到需要修复的站点——否则，一旦问题解决或者你链接到的站点无法访问，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！增加图像的宽度