導航欄中的活動區域不全高

-1

我有一個響應式網站，但導航欄給我帶來了問題。導航欄中的活動區域不全高

第一個問題是單擊鏈接的活動區域不是導航欄的全部高度，我需要它一路向下。

第二個問題是，當我切換到移動視圖時，菜單覆蓋了電子郵件地址和電話號碼。

我有導航和固定的頂部，不知道這是否與它有任何關係。

我有一個測試地址的頁面，如果有人想看看 - http://www.classic-travel.co.uk/index.html

來源

2016-02-16 Peter

歡迎來到Stack Overflow！尋求代碼幫助的問題必須包含在問題本身**中重現它所需的最短代碼**。儘管您已經提供了一個示例鏈接，但如果鏈接無效，那麼您的問題對於其他未來具有相同問題的SO用戶將沒有任何價值。 –

嗨保利，我該如何添加顯示我已有的代碼？ – Peter

嘗試*最小* [** Stack Snippet **]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）。請參閱[**如何創建一個最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

第一個問題：不是最好的解決方案，只是一個解決方法：

#cssmenu > ul > li { 
float: left; 
display: inline-block; 
background: yellow; 
color: black; 
height: 104px; //ADD HEIGHT OF THE ul 
} 

#cssmenu > ul > li > a { 
padding: 40px 10px 10px 10px; 
border-right: 1px solid rgba(80, 80, 80, 0.12); 
text-decoration: none; 
font-size: 14px; 
font-weight: 500; 
color: black; 
text-transform: none; 
letter-spacing: 1px; 
height: 100%; //LET li PICK THE HEIGHT OF ul 
}

如果你找到一種方法，不使用像素高度，這會更好。

第二個問題是由於位置：固定的標題，你刪除它，它不會被覆蓋。

<header style="width: 100%; padding: 0px; background-color: rgb(255, 255, 255); z-index: 99; top: 0px; "><div class="gridContainer clearfix"> 

    .... 
</header>

在網癮，不要使用CSS內聯，把它放入一個.css文件，並使用<link>標籤在HTML文件中包含。

來源

2016-02-16 10:40:44 silviagreen

導航欄中的活動區域不全高

回答

相關問題