垂直導航欄身高問題

除了滾動條

基本上一切正常網頁上顯示出來的地方是沒有必要的，並且當頁面大小導航欄將不會與它向下延伸，將（下圖）落得像這樣，您可以看到導航欄不會隨着頁面的移動內容向下擴展。垂直導航欄身高問題

http://i.stack.imgur.com/QynSv.png

下面是一個鏈接的jsfiddle，任何幫助將不勝感激！的jsfiddle：https://jsfiddle.net/pq3t70th/1/

導航CSS代碼

nav { 
    border-right-style:solid; 
    border-right-color:black; 
    border-right-width: 5px; 
    background-color: #3b5999; 
    height: 100%; 
    width: 180px; 
    position: absolute; 
}

來源

2015-09-08 Shark

您使用display: table-cell;爲section和nav

jsfiddle

來源

2015-09-08 12:17:07

HM，測試之後，我意識到它帶來了另外一個問題表（圖像的下方） http://i.imgur.com/IRtpT6r.png 導航欄不下去了整個頁面，只有上升到需要的地方：\ – Shark

我無法理解，基本上ü要什麼？ –

嗯，你可以不會注意到的jsfiddle的問題，但是如果你看看codepen，你將能夠看到像它應該導航欄不下去了整個頁面。 http://codepen.io/anon/pen/EVjoqg?editors=110 – Shark

垂直導航欄身高問題

回答

相關問題