无法使DIV达到页面底部

图像0未填充站点换行元素，所以主体显示在底部。我试图搞乱图像上的边缘，但我似乎无法让网站换行到底部而没有过去或未来。任何提示如何实现这种效果将不胜感激。无法使DIV达到页面底部

2017-02-16 CurtisUpshall

你能不能给一些代码吗？ – AleOtero93

请在此处添加有意义的代码和问题描述。请不要链接到需要修复的网站 - 否则，一旦问题得到解决，或者您链接到的网站无法访问，此问题将对未来的访问者失去任何价值。发布 [最小，完整和可验证示例（MCVE）]（http://stackoverflow.com/help/mcve）显示您的问题将帮助您获得更好的答案。欲了解更多信息，请参阅 [我网站上的某些内容不起作用。我可以只粘贴一个链接吗？]（http://meta.stackexchange.com/questions/125997/）谢谢！ – j08691

增加图像的宽度 –

使用vh单元（这是相对于视高度），但你可能需要从底部卸下paddding。

.site-wrap{ 
    height:100vh; 
}

来源

2017-02-16 17:31:23

它不漂亮，但你可以通过添加padding-bottom: 100%;到.site-包装解决问题

来源

2017-02-16 17:29:19 Michael

不能说这一定是最好的解决办法，但是从我的头顶，你可以补充一点：

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

来源

2017-02-16 17:30:24

您使用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>

来源

2017-02-16 17:41:14

无法使DIV达到页面底部

回答

相关问题