html - ul里面的内容重叠，ul的尺寸太小了

Question

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

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

Answer 1

添加overflow:auto到ul#textwrap.

jsFiddle 示例

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;
}