两栏布局：左侧固定右侧自适应
1.position: absolute方法
.left{
position: absolute;
background-color:green;
width: 200px;
top: 0;
left: 0;
min-height: 500px;
}
.right{
background-color:red;
margin-left: 200px;
min-height: 500px;
left: 0;
top: 0;
}
2.float: left方法
.left{
float: left;
width: 300px;
background-color:black;
}
.right{
overflow: hidden;
background-color:blue;
}
3.display: flex方法
.content{
display: flex;
}
.aside.left{
border:1px solid black;
width: 300px;
}
.aside{
height: 500px;
}
.aside.right{
flex-grow: 1;
border: 1px solid red;
}
<div class="content">
<div class="aside left">left</div>
<div class="aside right">right</div>
</div>
————学习记录
