헤더 푸터 레이아웃 소스 공유

http://codepen.io/eond/pen/qOvKpL?editors=110

#body{height:250px;width:200px;position:relative;}
.wrap{height:100%;width:100%;background:#000;color:white;position:relative;}
.header{height:35px;background:red;}
.footer{height:20px;background:blue;position:absolute;bottom:0;width:100%;}
.content{word-break:break-all;overflow-y:scroll;
position:absolute;top:35px;bottom:20px;
}

상단, 컨텐츠, 푸터 구조의 레이아웃에서 컨텐츠 영역에만 스크롤을 만드는 소스입니다.