Я пытаюсь сделать что-то очень простое.
меня div
с прокруткой, и я хочу, накладываемое ДИВ будет охватывать все высоту, включая область прокрутки. Я пробовал min-height:100%
(как в this question), но он не работает.CSS - наложение div height: 100%, включая область прокрутки, не работает
Ниже приведен пример https://jsfiddle.net/svfukxjd/2/
.main {
height: 300px;
width: 150px;
background: red;
overflow: auto;
position: relative;
}
.cover {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
background: green;
opacity: 0.5;
}
<div class="main">
<div>
Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
</div>
<div class="cover">
</div>
</div>