<head>
<title>I8</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="./I8.css" />
</head>
<body>
<div class="wrap">
<div class="sidebar">Блоки виджетов и хлам сайдбара :D</div>
<div class="conbox_wrap">
<div class="header">Тут типо логотип и тд.</div>
<div class="conbox">Содержимое.</div>
<div class="footer">Подвал | Копирайт и хлам.</div>
</div>
</div>
</body>
body {
margin: 0px;
}
.wrap {
display: flex;
height: 100%;
}
.wrap .conbox_wrap {
width: 100%;
height: 100%;
}
.wrap .conbox_wrap .conbox {
height: 100%;
padding: 10px;
}
.wrap .sidebar {
background-color: #0c1a48;
width: 260px;
padding: 10px;
}
.wrap .conbox_wrap .header {
background-color: #6c6c4f;
padding: 10px;
}
.wrap .conbox_wrap .footer {
background-color: blue;
padding: 10px;
}
Если растянут Содержимое. под 100%, то он игнорирует header блока и footer, и растягивается вылезая за границы родительского блока.
Как сделать так чтобы он не вылезал за пределы родительского блока и растянулся под 100%.
Простой
