max-width 를 넘어 전체 100% 를 사용하는 레이어를 만들려면? 채택완료
반응형 사이트를 만들면서, 최대사이즈를 1200px로 설정하고 작업중인데요.
중간중간에 max-width 를 넘어 가로폭 전체 100% 를 사용하는 영역을 만들고 싶은데 width:100%
만으로는 적용이 안되는데, 어떻게 하면 될까요?
답변 3개
DSLOVE이런 경우는 wrap이란 클래스를 하나 만들고,
필요에 의해 wrap 을 씌우면서 작업해 나가야 합니다.
.wrap {max-width:1200px; margin:0 auto;}
1번섹션은 1200px 에 다 들어간다? 그러면은
다음 2번섹션은 100% 로 들어가는 배경이 들어간다?
그럼
이런식의 구성을 짜야합니다.
답변에 대한 댓글 2개
DSLOVE하지만!!
고정폭 잡아둔 상태에서 단순히 양옆을 배경색으로 꽉차게하는건 가능합니다.
부모요소에 overflow:hidden 과 가상요소로 before, after 를 사용하면 가능해요!
댓글을 작성하려면 로그인이 필요합니다.
BiHon답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
질문에 대한 해결책은 여러 방법으로 구현 가능하지만 가장 쉬운 접근법은,
position:absolute; 속성으로 width px 지정하는 것입니다.
반응형으로 만들려면 css @media 속성도 추가해줘야 합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
