如何使用純CSS

Question

我的網頁看起來像這樣

我的目標再拍DIV中一個負責任的滾動DIV是使外塊的高度，以適應視口的高度，使內部清單滾動。我曾嘗試

.html{ 
    height: 100%; 
} 

.pad{ 
    height: 100%; 
    overflow: hidden; 
} 

.list{ 
    height: 100%; 
    overflow-y: auto; 
} 

小提琴：https://jsfiddle.net/chandannadig/esmrLzuv/10/

的時刻滾動條是可見的，數據是向左，我已經習慣了獲得摺疊效果僞元素被搞砸了推。我要實現以下目標：

1. 使「.LIST」滾動而不顯示滾動條
2. 僞元素不應該由滾動條的影響
3. 設計應響應

請幫我實現這個

Answer 1

我已經更新了你的小提琴（這個html看起來不像上面給出的截圖，但是我盡力爲你提供一個解決方案）。

我已經加入

.content { 
    overflow: scroll; 
    width: calc(100% + 20px); 
    height:100%; 
} 

它解決的目的列表滾動的鈣（100％+ 20像素）增加了額外的空間用於滾動條，這是響應爲好。