如何爲網站設置最小垂直高度？

這裏是我的地盤 - http://www.aspenwebsites.com/majesticpines/about/如何爲網站設置最小垂直高度？

我發現，如果我減少我的視口的高度我的側欄（帶有郵件訂閱域）的底部區域重疊我的網站的導航。

我想知道是否有方法爲網站設置一些最低高度，以便如果達到該值，它會在右側顯示滾動條並且不會進一步減少，因此我的電子郵件訂閱表單不會與導航鏈接重疊。

我試圖建立min-height:700px和overflow-y:auto爲BODY標籤，也爲.header-sidebar，但並沒有任何區別。

你能告訴我在這裏做錯了什麼嗎？

enter image description here

2014-04-07 hanazair

這裏的答案是你所提到的，它是不工作的一個 - 正確的最小高度設置爲某個元素。但是您必須定位包含導航和電子郵件訂閱的元素。如果你設置它的元素比它應該工作，除非你正在使用某種奇怪的東西，它會覆蓋它的最小高度（我可以想象的JavaScript會這樣做的東西很容易）。

如果您需要更多幫助，請在小提琴中分享我們可以處理錯誤的相應代碼。

來源

2014-04-07 01:03:58

謝謝你抽出一點時間來看看我的問題。我沒有使用JS，但是我對包含電子郵件註冊的父div有絕對的定位，所以它始終停留在底部。我對feedle並不是很熟悉，但我會嘗試將我的代碼放在那裏，並會讓你知道。謝謝。 – hanazair

您可以使用CSS媒體查詢。

// The CSS queries inside this @media will applied when the viewport height is lesser than 1001px 
@media screen and (max-height: 1000px) { 
    // Reduce menu paddings and margins here 
    // Example: 
    .menu li { 
     padding:2px 0; 
     margin-top:3px; 
     margin-bottom: 3px; 
    } 
}

來源

2014-04-07 01:13:51

謝謝。雖然它無法做到我想要的，但可能由於某些元素絕對定位而無法做到。但我用你的建議，並使用媒體查詢調整了一些元素。雖然它沒有完全解決這個問題，但它讓事情變得更好:)謝謝。 – hanazair

因爲我看到網站的大小調整現在看起來不錯！如果它幫助你投票:) –

如果添加「overflow-y：auto;」根據您的<div id="navbar" class="navbar">行的樣式（而不是包含它的方框滾動），如果窗口的高度不足以顯示導航欄，則會出現滾動條。但該區域的頁腳部分仍會覆蓋滾動區域的下部。是否有理由將註冊版&版權部分與nav分開？如果你把它作爲導航的一部分，那麼它應該是沒有重疊的滾動區域的一部分。

來源

2014-04-07 01:25:14

謝謝你的建議。我喜歡將訂閱保留在底部，我認爲這使得側邊欄看起來更乾淨並且在白色空間分發上更加平衡。 – hanazair

如何爲網站設置最小垂直高度？

回答

相關問題