Html CSS：相对于浮动'li'定位'img'`

我使用以下方式显示配置文件列表：

 <ul>
 <li>
    <p>Score: <span class="score">33</span> | Depuis: 1333</p>
    <p class="username">
         <a href="...">
              <img src="..." alt="" class="avatar"/>
         </a>
    </p>

 </li>
 </ul>

但有了这一点，图像的位置就不再是相对于li的了。

---

如何相对于li定位图像？

您需要将

li

设置为

位置：相对

、

固定

或

绝对

，以使其成为相对定位的孩子的“起点”

 ul { list-style:none; }
 ul li {width:450px; margin-top:20px; padding:10px; float:left; }
 ul li img.avatar { position:relative; top:0px; left:50px; width:55px; height:55px;}