li 이미지 로딩문제 도와주세요ㅜ

Question

안녕하세요 저는 웹디라 그냥 기초적인 html css js정도만 알고있습니다

회사 홈페이지를 수정을 했는데 그중 하나가

<div>

<li>이미지</li>

<li>이미지</li>

<li>이미지</li>

<li>이미지</li>

<li>이미지</li>

</div>

이렇게 되어있는 걸 2:1:2 형태로 레이아웃을 잡아서 position: absloute로 위치값주면서 다 위치를 잡아놨습니다

근데 자꾸 li 하나가 새로고침할때마다 제위치를 못잡고 겹치게 나올때가 있어요 한 20번 새로고침하면 그중에 한번정도?

처음부터 위치가 안맞으면 모르겠는데 잘 되다가 한번씩 안되고 이러니까ㅜ 왜그러는지 이유를 모르겠어요

Answer 1

안녕하세요.

코드 상으로 보면 ul, ol 태그가 없는 것으로 보이는데 맞나요?

li 태그는 ul, ol 태그 하위로 사용해야 합니다.

position 이 깨지는 경우는 다양한데, 새로 고침 시 마다 간헐적으로 깨진다면 태그가 안 맞아서 그럴 가능성이 많습니다.

<div> <ul> <li></li> </ul> </div>