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

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

makesomehome 4년 전 조회 1,398

안녕하세요.

 

 

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

 

홈페이지 제작중입니다. 

 

모바일에서 영역들이 알수없는 이유로 계속 자식 엘레멘트들이 부모 엘레멘트 영역보다 더 넓게 차지하고 있습니다. (PC에서도 마찬가지)

예를들면

       

  • Child 1
  •        

  • Child 2 
  •        

  • Child 3 
  •      

     

    이렇게 해도, 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년 전
    감사합니다...
    코드가 꼬여서 그랬네요.. 오류찾아서 한글자 추가하니 해결됐습니다... 후..

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

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

    로그인