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

CSS 질문 드립니다. 채택완료

추팔소 7년 전 조회 1,933

사이트 링크: https://goo.gl/R8RiRA

 

사이트 보시면 좌, 우 사이드는 fixed 포지션으로 원하는대로 고정은 시켰는데

본문 (container)가 좌우를 없는 것으로 판단하는지 사이드 뒤까지 100%로 다 덮어버리네요

 

본문이 양쪽 사이드 뒤로 안덮게하려면 어떻게 해야되나요?

 

CSS 코드

</p>

<p>#Lside {position:fixed;left:0;top:0;width:239px;z-index:4;padding:0 0 0 30px;border-right:1px solid #555;height:100%;background:#fff;}

#Rside {position:fixed;right:0;top:0;width:199px;z-index:3;padding:0 30px 0 0;border-left:1px solid #555;height:100%;background:#fff;}</p>

<p>#container {position:relative;width:100%}</p>

<p>

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

답변 1개

베원
7년 전

별로 좋지 못한 방법으로 작업하셔서요.. float 속성으로 바꾸시는걸 추천드립니다.

지금 상황에서 임시 방편적인 해결 방법은 적어드리겠습니다. 좋은 해결 방법이라고 생각하지는 않습니다.

css 코드입니다. 이 코드를 넣어보세요.

</p>

<p>body { width:calc(100% - 440px); margin-left:240px; }</p>

<p>

 

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

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

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

로그인