CSS가 꼬였는지..(2)
본문
안녕하세요.
홈페이지 제작중입니다.
모바일에서 영역들이 알수없는 이유로 계속 자식 엘레멘트들이 부모
엘레멘트 영역보다 더 넓게 차지하고 있습니다.
(PC에서도 마찬가지)
예를들면
<div class="parent" style="width:100%>
<ul style="width:100%">
<li> Child 1 </li>
<li> Child 2 </li>
<li> Child 3 </li>
</ul>
</div>
이렇게 해도, li 영역이 "parent" 영역 너비보다 더 커지게 됩니다.
왜그럴까요?
상단 메뉴영역도 오른쪽으로 더 넘어가있고..
body 영역 overflow hidden 처리를 하면 돌아오긴 하지만
영역 자체들이 저렇게 돼있어서 근본적인 문제 해결은 아닌것 같습니다.
무슨 문제일까요?
답변 1
width 속성에 관해서 자세히 공부해 보세요.
ps.
요소는 고유 margin, padding값 갖으니, 초기화 후 작업 필요.
감사합니다...
코드가 꼬여서 그랬네요.. 오류찾아서 한글자 추가하니 해결됐습니다... 후..
답변을 작성하시기 전에 로그인 해주세요.
