無法使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達到頁面底部

回答

相關問題