0

動的なコメント リスト ボックスがあります。各コメント ボックスで、コーナーの上部にバッジ アイコンを表示する必要があります。絶対位置のcssを使用してこのアイコンを設定しました。しかし実際には、各ボックスのバッジ アイコンが表示されません。例：結果10 commentsとphpが印刷された場合10 div、10個のバッジアイコンが重なっているため、1個のバッジが表示されます。この問題の理由：CSSで設定topしてright、すべてのバッジアイコン（10）を1行で表示するのを確認します。動的コンテンツで絶対位置を表示する方法はありますか? ありがとう

HTML :

<div class="commentbox">
<div class="badge"></div>
<!-- ...... comment description1 -->
</div> 

<div class="commentbox">
<div class="badge"></div>
<!-- ...... comment description2 -->
</div>
<div class="commentbox">
<div class="badge"></div>
<!-- ...... comment description3 -->
</div>
<div class="commentbox">
<div class="badge"></div>
<!-- ...... comment description4 -->
</div>

CSS :

.badge{position:absolute; background:url(../images/sprite.png) -146px -355px no-repeat; width:30px;height:60px;right:254px; top:124px;}


NOTE : My Comment box Is dynamic generated.
4

1 に答える 1

3 
.commentbox{
    position: relative;
}

絶対に配置されたアイテムは、相対または絶対に配置された（または固定されていると思われる）最も近い親コンテナーに対して相対的になります。

于 2012-04-10T18:15:31.767 に答える