HTML 및 CSS로 콘텐츠 레이아웃하기

Question

HTML/CSS를 사용할 애플리케이션을 시작할 예정입니다. 두 기술에 대해 잘 알고 있지만 기본 레이아웃을 만드는 데 문제가 있습니다. 기본적으로 다음을 원합니다 :

|-------------------------------------------------------------| 
|                | 
| This section will be as large as the content that it holds | 
|                | 
|-------------------------------------------------------------| 
|                | 
|                | 
| This section will take up the remaining available space. | 
| No matter what. If more space is required, scroll only this | 
| content.             | 
|                | 
|                | 
|-------------------------------------------------------------| 
|                | 
| This section will be as large as the content that it holds | 
|                | 
|-------------------------------------------------------------| 

HTML/CSS를 사용하여 어떻게 처리합니까? 이것은한다고

Answer 1

그것을 할 수 있습니다 : http://jsfiddle.net/ratbum/TUytU/4/ HTML5와 CSS를 사용

Answer 2

, 우리는 의미 참조 윗부분 <header> 및 바닥, <footer>를 호출합니다. 콘텐츠의 가운데 섹션 <article>으로 전화를 걸기도합니다.

<header> 및 <footer>을 position: fixed;으로 설정하면 가운데 섹션 또는 <article> 만 스크롤됩니다. 아래 링크 된 jsfiddle에서 내 결과를 확인하십시오. 쉬워요!

예 : http://jsfiddle.net/codesushi156/5wc25/4/