2단 레이아웃 구성 질문있습니다! feat.미치겠어요ㅠㅠ
본문
제글을 봐주셔서 감사합니다! ㅠㅠ
일단 아래 그림을 먼저 봐주세요..
현재 2단 구성인데
좌측에 사이드
우측에 게시판 본문 위치해있습니다.
제가 하고 싶은건 좌측 사이드 (left) 부분을
게시물 길이에 맞춰서 100% 를 주고 싶은데
100% 를 줘도 모니터 크기만큼만 나옵니다 ㅠㅠ
wrap 에 맞춰서 height 를 100% 줄 수는 없을까요?
고수님들 부탁드립니다 ㅠㅠ
답변 1
참고만 해보세요.
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.wrap {background-color:silver;overflow:hidden}
.wrap:after {display:block;visibility:hidden;clear:both;content:""}
.left, .right {float:left;padding:2em 0;text-align:center}
.right{width:80%;background-color:#333;color:#fff}
.left{width:20%}
</style>
</head>
<body>
<div class="wrap">
<div class="left">
왼쪽<br>
왼쪽<br>
왼쪽<br>
왼쪽<br>
왼쪽<br>
왼쪽<br>
왼쪽<br>
</div>
<div class="right">
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
외른쪽 <br>
</div>
</div>
</body>
</html>
위 대로 하면 left 크기가 자동으로 right 만큼 되지 않습니다..ㅠ
