Facebook 스타일의 콘텐츠 컨테이너

Question

Facebook의 경우 콘텐츠가있는 컨테이너 (로그인 한 상태)의 양면과 하단에 각각 1x 회색 테두리가 있습니다. 그러나 하단 영역은 콘텐츠 영역이 확장 되어도 페이지 하단에서 항상 같은 거리를 유지합니다 (javascript로 인해 가능).

아마도 분명히 설명하지 않았지만 왼쪽, 오른쪽 및 아래쪽 테두리가있는 콘텐츠 영역을 만드는 것이 좋습니다. 컨텐트 영역이 아래쪽 테두리처럼 아래쪽으로 밀어 내리면 ID가 확장되지만 여전히 아래쪽 테두리와 같은 한 개의 큰 사각형과 ID와 같은 측면 테두리에 연결되어 페이지 아래쪽에서 같은 거리를 유지합니다. 브라우저 창의 아래에서 동일한 거리가 아닙니다.

Answer 1

이와 비슷한 기능이 있습니까?

<div id="container"> 
<h1>hello</h1> 
<p>Lorem ipsum etc.</p> 
</div> 

<style type="text/css"> 
#container { 
border: 1px solid grey; 
} 
</style> 

콘텐츠 주위에 회색 경계선이 표시되며 필요에 따라 확장됩니다. 또는 다른 것을 의미 했습니까?