스샷하나만 보고는 정확히 알수가 없습니다. content가 들어가는 부분에 min-height:원하는 최소높이px; 이런식으로 넣어보세요.

닉이님 말씀처럼 본문쪽에 min-height 넣는게 제일 쉽고 좋고요.

두번째는 사용자들 브라우져 높이에 딱딱 맞추고 싶으면 js로 브라우져 높이 뽑은 다음 헤더와 풋터의 높이를 뺀 값을 본문으로 해 주는 방법이고요(이건 보기는 좋지만 js 처리 과정이 번거롭죠)

세번째는 작은 모니터를 사는겁니다. 작은 모니터에서는 풋터가 충분히 내려갈 테니까... 이걸 별로 권장하기 힘들죠.

문제가 발생하는 url 을 기재해 주시면 확인이 가능할 것 같습니다.

객체에 높이값이 지정되었는지 다른 객체가 들어갔는지 확인이 필요합니다.

알고싶은 욕구보다 감추고 싶은 마음이 더 크셔서...

위에 하나 빼먹은게 있는데 html과 body의 높이를 100%로 하신 다음 body의 배경색을 풋터랑 같은 색으로 처리하시면 풋터가 밑까지 죽 나온 착각을 하실수 있을겁니다.

어차피 이 문제는 위에 적은 3개와 이것 말고는 달리 해결책이 없습니다.