100 % 높이 div

콘텐츠가 없을 때 머리말과 꼬리말 사이에 페이지를 채우고 싶은 #main div가 있습니다. 내용이 있으면 끈적 끈적한 꼬리말을 밀어 내야합니다.100 % 높이 div

CSS :이 작동하지 않는 이유

#main { 
background: transparent url("images/main-content.png") top right repeat-y; 
clear: both; 
overflow: hidden; 
margin-top: -10px; 
height: 100%; 
min-height: 100%; 
}

는 잘 모르겠어요. #main은 #wrapper과 body에서 상속되므로 100 % 높이와 최소 높이를 설정하는 것이 효과적 일 것이라고 생각합니다.

사이트 :이 귀하의 도움에 미리

http://www.dentistrywithsmiles.com

감사합니다.

출처

2011-02-09 blackessej

CSS 파일의 146 근처에있는 height: auto !important; 어딘가에 있습니다.

래퍼의 높이를 100 % 오버라이드하여 기본 div가 커지지 않도록합니다. 바닥 글의 높이가 일정하기 때문에 래퍼에 패딩을 추가하여 기본 콘텐츠 div가 바닥 글에 들어 가지 않도록 시도합니다. height: auto !important;을 돌릴 때 발생합니다.

출처

2011-02-09 22:02:43 Blender

감사합니다. @Blender - 추가 할 패딩의 예를 들려 줄 수 있습니까? 패딩을'# wrapper'의 맨 아래에 추가하면, 그냥 내 바닥 글을 내리고, 나는 끈적 거리는 상태로 유지하고 싶습니다. – blackessej

미안하지만, 할 일이 많아서 나중에 뭔가를 쓸어 버릴지도 모른다. 콘텐츠 'div'가 페이지를 채우고 페이지 높이보다 바닥 글을 크롤링하지 못하는 높이를 가정하면 왜 끈끈한 바닥 글로 해결할 수 있습니까? 해당 div의 최소 높이를 지정할 수 있고 이미 설정되어있을 것입니다. 이미 해당 바닥 글 div가 아래로 푸시되었습니다. 그냥 생각해 ... – Blender

완전히 필요한 것은 아니지만, 끈적 인 꼬리말을 유지하여 페이지에 많은 콘텐츠가없는 경우 콘텐츠 'div'가 화면 해상도와 브라우저에 관계없이 바닥 글을 충족하도록하고 싶습니다. 그것은 고객에게 중요합니다. – blackessej

display:inline-block ~ #main (또는 수행하려는 작업에 따라 #wrapper)을 추가하십시오. display:block이있는 항목 (기본적으로 div 또는 p 태그)은 내용에 맞게 너비와 높이가 100 %입니다.

출처

2011-02-09 22:10:21

100 % 높이 div

답변

관련 문제