0

私はデモを持っています。リスト アイテムが白いコンテンツ エリアからはみ出すのはなぜですか? どうすれば修正できますか?

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

3 に答える 3

5

#profileInfo ul から top:100px を削除する必要があります。これにより、そのコンテンツが 100px 押し下げられます。

于 2013-08-01T17:49:22.097 に答える
1

http://jsfiddle.net/AhSzg/2/

position:relativeから削除#profileInfo

postionデフォルトとは異なる方法で動作する必要がある場合にのみ使用してください。または、top:100px

于 2013-08-01T17:51:37.720 に答える
1

#profileInfo100px 押し下げる必要がある場合は、margin-top代わりに次を使用しますtop。

#profileInfo {
    margin-top: 100px;
    position: relative;
}
于 2013-08-01T17:52:15.630 に答える