css 활용 left height 100% / div 코딩시 왼쪽메뉴를 높이 100%로 만들기(div height 100%로 만들기)

높이 100% 만들기 예제 입니다.

처음 코딩을 할때 css로 높이 100%채우기 검색해도 안나와서 jquery로 해결 했었는데 방법이 있네요 !!

아주 간단하게 css만으로 높이 100%가 가능합니다.

왼쪽메뉴의 배경이 있는형태의 사이트 작업시에 유용하게 사용될거 같습니다.

 

#wrap{overflow:hidden; position:relative; width:1000px; margin:0 auto;}
#left_area{position:absolute; top:0px; left:0px; bottom:0px; width:200px; color:#FFFFFF; background:black;}
#content{float:right;  display:block; width:750px; min-height:1000px;}

 

<section id="wrap">
 <div id="left_area">왼쪽영역</div>
 <div id="content">컨텐츠영역</div>
</section>

출처 : http://hompylove.com/system/bbs/board.php?bo_table=tip&wr_id=25