CSS와 HTML로 메인 콘텐츠 div가 화면 높이를 채우도록 하는 방법

위치 속성은 요소에 사용되는 위치 지정 방법의 유형을 지정합니다(정적, 상대, 절대, 고정 또는 고정).

아래 주어진 예에서는 높이가 백분율로 지정되지 않고 jQuery가 필요하지 않습니다.

.mainbody{  
   position: absolute;//here we are setting the position of an element as absolute
   top: 30px; /* here we are defining Header Height to 30 px */
   bottom: 10px; /*here we are defining  Footer Height to 10 px */
   width: 100%;// here we are setting the width to 100%
}