我有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;
}
答案 0 :(得分:5)
你需要从#profileInfo ul中删除top:100px - 它将该内容压缩100px。
答案 1 :(得分:1)
从position:relative
#profileInfo
如果您需要它以与默认值不同的方式运行,则仅使用postion
。或者删除top:100px
答案 2 :(得分:1)
如果您需要将#profileInfo
按下100px,请使用margin-top
代替top
:
#profileInfo {
margin-top: 100px;
position: relative;
}