css 활용 left height 100% / div 코딩시 왼쪽메뉴를 높이 100%로 만들기(div height 100%로 …
페이지 정보
작성자 홈피사랑 작성일15-02-16 17:18 조회8,480회 댓글0건관련링크
본문
높이 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>
전체 예제코드
댓글목록
등록된 댓글이 없습니다.
