У меня есть проблема, которую я не могу правильно диагностировать.После добавления двух или более дочерних элементов в мое # внутреннее содержимое появляется переполнение всей страницы.Только если количество детей равно 1 или меньше, страница верна.Я не знаю, что я пропустил.
HTML:
<div id="page-content">
<section id="inside-content">
<div class="front-photo">
</div>
<div class="info">
<div></div>
</div>
</section>
</div>
SCSS:
html,body{
height:100vh;width:100vw;
margin:0;padding:0;
}
#page-content{ // main container
height:100vh;width:100vw;
padding:0;margin:0;
position:absolute;
}
#inside-content{
height:100%;width:100%;
.front-photo{
height:100%;width:100%;
}
.info{
height:200px;width:100%;
background:blue;
margin:0;padding:0;
div {
background:red;
height:100px;width:100px;
}
}
}