如何在頁眉和頁腳之間填充空的垂直空間

我有一個帶有文本和填充的頁眉;一個頁腳，一個文本和它的填充以及內容。內容包含背景圖片和文字，並具有相對邊距。我希望內容填充頁腳和頁眉之間的空白空間，以便頁面已滿。我該怎麼辦？謝謝！如何在頁眉和頁腳之間填充空的垂直空間

編輯：我有這樣的代碼：

<header> 
    <ul class="breadcrumbs"> 
     <li><a href="#1">1</a></li> 
     <li><a href="#2">2</a></li> 
     <li><a href="#3">3</a></li> 
    </ul> 
</header> 

<main> 
    <h1>hello</h1> 
</main> 

<footer> 
    <h1>bye</h1> 
</footer>

將JS，我。減去頁腳和頁眉的高度窗口的高度：

$('main').height($(window).height() - $('header').height() - $('footer').height());

但是這是不準確的，我仍然有一些垂直滾動。

來源

2014-07-10 user1433416

你將不得不添加一些代碼，顯示你自己完成這項工作所付出的努力。在您顯示當前相關代碼之後，您將更有可能獲得幫助。 –

我解決了它，我已經替換了outerHeight（true）的substract上的height（），並在三個元素（main，header，footer）中添加了「overflow：hidden」來避免摺疊邊緣效果。

來源

2014-07-10 21:33:43 user1433416

如何在頁眉和頁腳之間填充空的垂直空間

回答

相關問題