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

2단 레이아웃 구성 질문있습니다! feat.미치겠어요ㅠㅠ 채택완료

초보자나요 8년 전 조회 2,318


제글을 봐주셔서 감사합니다! ㅠㅠ

일단 아래 그림을 먼저 봐주세요..




현재 2단 구성인데

좌측에 사이드

우측에 게시판 본문 위치해있습니다.


제가 하고 싶은건 좌측 사이드 (left) 부분을

게시물 길이에 맞춰서 100% 를 주고 싶은데

100% 를 줘도 모니터 크기만큼만 나옵니다 ㅠㅠ


wrap 에 맞춰서 height 를 100% 줄 수는 없을까요?


고수님들 부탁드립니다 ㅠㅠ



 

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

답변 1개

8년 전

참고만 해보세요.


<!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>


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

답변에 대한 댓글 1개

초보자나요
8년 전
위 대로 하면 left 크기가 자동으로 right 만큼 되지 않습니다..ㅠ

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

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

로그인