테스트 사이트 - 개발 중인 베타 버전입니다

css 질문드립니다... 채택완료

그누배우자 9년 전 조회 2,357

안녕하세요..

li를 이용해서 박스를 나열중인데요

 

div {width:932px}

li {width:145px; height:144px; margin:0 10px 0 0; border:1px solid #e5e5e5}

 

이렇게 하면 맨 우측 박스에 margin 값이 들어가서 밑으로 내려가버리더라구요..

 

정확히 나열하는 방법이 없을까요?

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
p
9년 전

마지막 li만 margin이 지정이 되지 않도록 하길 원하시면

li:last-child {margin-right:0;}

부분을

li {width:145px; height:144px; margin:0 10px 0 0; border:1px solid #e5e5e5}

소스 다음에 넣어 보세요. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

그누배우자
9년 전
오.. 이런방법이 잇었군요. 감사합니다!
근데 IE8 에선 작동을 안하는군요 .ㅜㅜ

댓글을 작성하려면 로그인이 필요합니다.

y
9년 전

li {width:143px; height:144px; margin:0 10px 0 0; border:1px solid #e5e5e5;} 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

d
9년 전

div에 width값을 초과하기 때문에 나가는겁니다.

margin:0 9.5px 0 0; 이런식으로 소수점을 줘보세요 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인