ul-li 요소 스타일이 올바르지 않습니다.

Question

안녕하세요. 목록 (코드 공유 위치 : http://jsfiddle.net/jLM4J/)을 작성하려고합니다.

제 질문은 목록 요소가 겹치지 않아야하지만 내 목록이 사용자 세부 정보를 표시하려고하는 첫 번째 항목과 겹치는 이유입니다.

사용자 li 요소를 외부/내부 ul (http://jsfiddle.net/yYEhS/1/)의 별도 div로 바꾼다해도 ul 목록은 여전히 ​​내 요소와 겹치지 만 내 요소 블록으로 표시되는 div입니다.

아무도 도와 주실 수 없습니까?

Answer 1

사용자 입력란에 float:left;이 있기 때문입니다. 그래서처럼 제거하고 작동 : 거기에 남아

.user-image { 
    width: 30px; 
    height: 30px; 
    background: url('../../images/user.png') no-repeat center center; 
    margin: 1px; 
    border: 1px @border-style @border-color; 
} 

을 볼 수있는 디자인이 없다면, 그것은 당신이 떠 있었다 이유를 알고 어렵다.

왼쪽으로 페이지를 정렬해야하는 경우 ul 외부에 있어야합니다.
페이지 내에서 왼쪽으로 정렬하려면 li 요소에 text-align:left;을 할당하십시오.