기본적으로 제공되는 메인 배너를 basic-body-main, div class 안에 넣었습니다

하지만 넓이에 대한 적용이 이상하게 나타나는것을 확인할 수 있었습니다.

 

배경 이미지는 그대로 나타나나 글자가 전체 넓이를 인식하여 나타나더군요

 

 

이미지 1 -> 

 

 

 

 

이미지 2->

 

 

 

하지만 하위 wl-wrapper (보시다 시피 owl-wrapper-outer의 상속을 받으며 값은 넓이 100% 입니다)

는 사이트 좌우폭 전부를 인식하고 있습니다.

제가 이해하기로 100%로 하면 상위에서 제한된 넓이/높이와 동일하게 적용되는 것으로 아는데

어떻게 이런일이 있는 걸까요? ㅠㅠ

 

이에 어떻게 이런일이 발생되는지 전혀 인식을 못하고 있기에

테스트를 하던 중 글을 올려 지혜로운 분들의 도움을 얻고자 해 봅니다 ^^;;

 

 

 

(* 혹시나 하여 header-slider-bg:after에 있던 넓이를 제거해 보니 불투명도가 사라지더군요

해당 css 값은 slider 위에 덮어지는 불투명도 관련 값인것 같습니다 - 혹 필요하신 분을 위해...)

 

* 혹 제가 가지고 있는 이런 부분들을 학습할 수 있는 곳이 있을런지요 ㅠㅠ

html/css 관련 책을 3권이나 샀는데 해결할 수 있는 방법을 전혀 찾지 못했습니다 이런... ㅜㅜ

 

아니면 이런 100%를 계속 상속받는 형태의 css를 보다 효율적으로 추적하고 이해할 수 있는 노하우나 방법들이 있으신지요? 있으시면 제!!!발!!!! 한 수 알려 주시면 감사 드리겠습니다 ^^