이전 목록 다음
미채택 완료

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

2017-08-05 (토) 12:31:28 2,609

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

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

3f8d7b35a1bf353cbda403bc60ca76ff_1501903778_2777.png

현재 2단 구성인데

좌측에 사이드

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

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

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

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

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

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

답변 1개 / 댓글 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>


답변에 대한 댓글 1개

2017-08-05 (토) 19:54:43
위 대로 하면 left 크기가 자동으로 right 만큼 되지 않습니다..ㅠ

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