一,scc样式
* {
padding: 0;
margin: 0;
}
header {
display: flex;
}
aside {
width: 200px;
height: 100vh;
background-color: antiquewhite;
}
nav {
/* flex-grow: 1; */
flex: 1;
/* flex-grow,flex-shrink,flex-basis的简写方式 */
height: 100vh;
background-color: aqua;
}
section {
width: 200px;
height: 100vh;
background-color: aquamarine;
}
二,html样式
<body>
<header>
<aside>1</aside>
<nav>2</nav>
<section>3</section>
</header>
</body>