Я пытаюсь расширить высоту детей внутри родительского div с минимальной высотой 100%, я хочу расширить высоту обложки в соответствии с содержанием внутри него, если я устанавливаю минимальную высоту до 100%, обертка расширяется в соответствии с содержимым, но боковая панель и боковые панели сворачиваются до высоты их содержимого, я хочу, чтобы они составляли около 98% от общей высоты родительской обертки ,Высота 100% не работает на дочерних элементах внутри родительского div с минимальной высотой: 100%
Если я установил высоту: 100% для родительской обертки, а высота: 98% для боковой панели детей и боковой панели, они расширяются, но оболочка не расширяется в соответствии с содержимым внутри содержимого div, обертка только расширяется до высоты браузера и не будет отображать переполненный контент.
HTML:
<body>
<div class="wrapper">
<div class="client-dasboard">
<div class="sidebar">
</div>
<div class="sidebar-tanks">
</div>
<div class="content>
</div>
</div>
</div>
</body>
SCSS:
body{
display:block;
position: relative;
height:100%;
.wrapper{
display: block;
position: relative;
height: 100%;
overflow: hidden;
width: 1168px;
margin: 0px auto;
background: #ececec;
.sidebar,
.sidebar-tanks{
height: 98%;
display: block;
float: left;
}
.content{
min-height: 100%;
height:auto;
}
}
}
Нет, это так называемый «САСС». –