ul内容重叠内容，ul的大小太小

Question

我一直想知道为什么ul尺寸太小而ul里面的内容只是重叠，我希望高度自动调整大小以使其响应并在每个边框顶部和底部对齐，但添加固定高度就像让说500px，但是当我调整浏览器的大小时，内容只是重叠而没有在边框中对齐，任何想法？

这是我的小提琴： jsfiddle.net/D9pKb /

Answer 1

将overflow:auto添加到ul#textwrap。

<强> jsFiddle example

ul#textwrap {
    width:80%;
    height:100%;
    margin:20px auto;
    padding:5% 6% 5% 6%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border-left:0px;
    border-right:0px;
    border-top:2px solid #aaa;
    border-bottom:2px solid #aaa;
    overflow:auto;
}