2012-04-10 6 views
0

간략하게 설명하겠습니다. div 요소 높이를 100 %로 만들려고합니다. 상위 요소는 모두 100 % 높이로 설정되므로 문제가되지 않습니다. 원래 코드는 다음과 같습니다. http://pastebin.com/THK13a2qCSS Div 요소 높이 문제

다음은 상황/문제에 대한 그림입니다. 어두운 회색 배경 (id = "content")은 높이가 100 %라고 가정합니다. mikevoermans는 지적 http://i.imgur.com/kOK9H.png

+2

당신이하고 싶은 일에 따라, '최소 높이 만들기'또는 '오버플로 : 숨겨진'을 추가하는 것이 중요합니다. – mikevoermans

+0

그림을 게시하여 원하는 것을 보관할 수 있습니까? – Ray

+0

예, 원래의 것이 분명하지 않은 것을 유감스럽게 생각합니다. 여기 (http://cl.ly/1i201F0A0L2s3l2m3e0e) 내가 원하는/원하는 것입니다. 오른쪽 div가 할 수있는 한 어두운 회색 "배경"div가 계속 필요합니다. 오른쪽 div에는 내용의 크기가 가변적이어서 가변 높이가 있어야합니다. 따라서 배경도 마찬가지입니다. – natosennimi

답변

0

플로트와 관련이 있다고 생각합니다. #rightfeed. 이 값을 clear: both으로 설정하거나 div 바로 뒤에 clear: both을 적용하여 추가해야합니다.

이 방법으로 해결되지 않으면 jsfiddle을 만들어 재생할 수 있도록하십시오.

+0

감사합니다. 귀하의 플로트 코멘트가 올바른 길로 나를 시작 시켰습니다. 하나의 div는 왼쪽으로, 다른 하나는 오른쪽으로 떠있었습니다. 오른쪽의 부동 소수점을 변경하고 부모 "content"div에서 "height : 100 %"를 삭제하면 모든 것이 제자리에 떨어졌습니다. 모든 도움에 감사드립니다. – natosennimi

+0

문제 없음 :). 문제가 해결되면 답변으로 표시하십시오. 수레와 지우기는 항상 나를 잡으므로 절대적으로 필요한 경우를 제외하고는 사용하지 말고 가끔 피할 수없는 경우가 있습니다. – ClarkeyBoy

0

는 CSS 파일

#content { 
    overflow: hidden; 
} 

에 추가합니다.

+0

그것은 단지 오른쪽 div의 나머지 부분을 잘라 버리고 이것을 이렇게 남겨 둡니다 (http://cl.ly/2A2Q2q1Z1Z0G452o470n). 오른쪽 div와 함께 페이지 아래로 계속하려면 "content"div가 필요합니다. – natosennimi

+0

아, 이제 알겠습니다. #content에서도 다음을 시도해보십시오. #content { 여백 - 바닥 : -1000px; 패딩 바닥 : 1000px; } 오버플로를 제거하십시오. – Ray