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

CSS가 꼬였는지..(2) 채택완료

makesomehome 4년 전 조회 1,396

안녕하세요.

 

 

http://49.247.212.255/t1/" rel="nofollow noreferrer noopener" target="_blank">http://49.247.212.255/t1/ 

 

홈페이지 제작중입니다. 

 

모바일에서 영역들이 알수없는 이유로 계속 자식 엘레멘트들이 부모
엘레멘트 영역보다 더 넓게 차지하고 있습니다.
(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개

채택된 답변
+20 포인트
s
sinbi Expert
4년 전

width 속성에 관해서 자세히 공부해 보세요.

https://homzzang.com/b/css-63

 

ps.

요소는 고유 margin, padding값 갖으니, 초기화 후 작업 필요.

https://homzzang.com/b/css-257

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

답변에 대한 댓글 1개

m
makesomehome
4년 전
감사합니다...
코드가 꼬여서 그랬네요.. 오류찾아서 한글자 추가하니 해결됐습니다... 후..

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

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

로그인