如果有下边这么一个情况, content 的高度需要有滚动条,高度根据 aside 来决定有多高。你会怎么做
<div class="container">
<aside>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</aside>
<div class="box">
<div class="content">
<p>1231</p>
<p>1231</p>
<p>1231</p>
<p>1231</p>
<p>1231</p>
<p>1231</p>
</div>
</div>
</div>
话不多说,贴代码
.container {
border: 1px solid;
display: flex;
position: relative;
}
aside {
width: 52px;
border: 1px solid red;
}
.box {
flex: auto;
background: orange;
position: relative;
}
.content {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
overflow-y: auto;
}