小さな画面でページを開くと下端が表示されます

Question

私はいくつかのセクションを含むページを持っています。

セクションの1つにリストがあります。大きな画面で開くと表示されますが、小さい画面で開くとスクロール可能です（これは問題ありませんが）下部に太い枠線がある場合、リストは画面の最後まで表示されません。

他のセクションはありません。

これは、リスト部分の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; 

や画面サイズとその使用中のこののborder-bottomと@mediaクエリを使用してみてください。