html - 内容溢出内容区域

Question

我有一个 demo .为什么列表项溢出白色内容区域，我该如何解决？

body {
    line-height: 1;
    background:#7D93BD;
    font-size: 22px;
}
#content {
    width:80%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding: 10px 20px 30px 20px;
    background-color:#F8F8F8;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
}
    #profileInfo {
    position: relative;
    top: 100px;
}
#profileInfo li {
    list-style-type: none;
    line-height: 1.4;
}
#profile_info_title {
    font-weight: bold;
}

Answer 1

您需要从 #profileInfo ul 中删除 top:100px - 它会将内容向下推 100px。