html,
body {
height: 100%;
}
.site-main {
height: calc(100% - 72px);
display: flex;
}
.site-main > div {
min-width: 85%;
height: 100%;
}
.site-main > aside {
min-width: 15%;
height: 100%;
background-color: $darkest-blue-grey;
}Run Code Online (Sandbox Code Playgroud)
<header>
<h1>Title</h1>
</header>
<div class="site-main">
<div></div>
<aside></aside>
</div>Run Code Online (Sandbox Code Playgroud)
我有header一个固定height的72px.
我给了.site-main div一个width的85%.
我给了 .site-main aside一个width的15%.
我想要的是.site-main div并.site-main aside肩并肩,并.site-main填补剩余的空白区域header.
并拥有.site-main div …