當我在較小的屏幕上打開頁面時出現底部邊框

Question

我有一個包含多個部分的頁面。

其中一個部分有一個列表，當我在一個更大的屏幕上打開它看起來不錯時，但是當我在一個較小的屏幕上打開它時，它將是可滾動的（這是確定的），但它也是在底部有一個很厚的邊框，列表不可見到屏幕的末尾。

下面沒有其他部分。

這是列表部分的CSS：

.sites-list { 
    height: 50%; 
    padding-left: 10rem; 
    background-color: #ffffff; 
    text-align: left; 
    font-size: 20px; 
    color: #a9611a; 
    right: 0; 
    bottom: 0; 
    left: 0; 
} 

任何想法如何解決呢？由於

Answer 1

嘗試

border-bottom:0px; 

或使用@media查詢與屏幕尺寸和在使用此邊框底部。