-
css만으로 왼쪽메뉴가 있는형태에서 왼쪽메뉴를 높이 100%로 만들기
(div height 100%로 만들기)
높이 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>전체 예제코드
-