CSS는 : 부동`

Question

제가 사용 정보의 일람을 표시하고 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> 

및 위치는 부동 :

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

을하지만 함께 이것을 이미지의 위치는 리에 비례하지 않습니다. 어떻게 이미지를 li에 상대적으로 배치 할 수 있습니까?

Answer 1

liposition: relative, fixed 또는 absolute 중 하나를 상대적으로 배치 된 어린이의 "시작 지점"으로 지정해야합니다.