鏈接停止工作後480px

Question

因此，我的媒體查詢中的某些內容已被打破，但我不知道它會是什麼。在任何大小/格式高於480px，鏈接工作，可點擊，並罰款。當它調整到480像素或更少時，鏈接停止激活。

我不知道我的媒體查詢的哪個部分斷開鏈接...任何幫助將不勝感激！

導航工作中的鏈接，所以我不認爲就是這樣，但主要內容頁面上的鏈接停止工作。

CSS內容頁：

#content { 
float:left; 
width:auto; 
background:transparent; 
padding:0 50px 0 0; 
margin: 100px 0 0 160px; 
} 

#content p { 
font-size:0.82em; 
text-align:justify; 
padding: 0 0 0 0; 
max-width: 500px; 
} 

#content a { 
color: rgba(102, 102, 102, 0.9); 
} 


#social li { 
display: inline; 
padding: 15px 5px 0 0; 
} 

而對於媒體查詢所做的更改：

#content { 
width:auto; 
position:absolute; 
top: 155px; 
background:transparent; 
padding:0 15px 0 15px; 
margin: 0 0 0 0; 
} 

#content p { 
font-size:0.79em; 
} 

我不知道它是如何突破！幫幫我？

Answer 1

您的#navpage有min-height: 630px和z-index: 3。所以它比內容更長，坐在上面。

實際上，你可以通過只覆蓋在媒體查詢的z-index的修復：

#navpage { 
    height: 150px; 
    position: relative; 
    width:auto; 
    top: 0; 
    z-index: auto /* ADDED */ 
} 

Demo

但你可能要重寫最小高度太（媒體上查詢），因爲你得到一個有很大空間的滾動條。 min-height: 0;