css实现内部滚动

html页面
<div class="container">
<figure class="figcaption">
<img src="/minimg/index5.jpg" class="img-full" />
</figure>
<p class="text-p">这是一张测试图片</p>
</div>

css样式
.container{
max-width: 64rem;
margin: 0 auto;
}
.figcaption{
width: 100%;
height: 8rem;
overflow: hidden;
overflow-y: visible;
}
.text-p{
height: 20rem;
line-height: 20rem;
text-align: center;
width: 100%;
background: deepskyblue;
}