"div"가 내용과 함께 확장되지 않는 이유는 무엇입니까?

본문 안에 "midsection"이라고 불리는 DIV를 추가했습니다. 여기에는 슬라이드 쇼와 같은 모든 컨텐츠와 그 아래에있는 정보가 포함되어 있습니다. midsection의 높이를 "98 %"로 설정했지만 내부의 내용에는 확장되지 않습니다. 실제 페이지가 확장되지만 DIV는 확장되지 않습니다."div"가 내용과 함께 확장되지 않는 이유는 무엇입니까?

-HTML http://e.pictureupload.us/118270967451ca3420af8dd.jpg

-CSS

#midsection{ 
position:relative; 
top:31px; 
width:75%; 
height:98%; 
margin-left:12.4%; 
background:#f3f4f4; 
border-left: 1px black solid; 
border-right: 1px black solid; 
word-wrap: break-word; 
}

출처

2013-06-26 Adam DePolo

여기에 코드를 복사하여 붙여 넣으십시오. 당신을 도울 훨씬 쉬울 것입니다 ... – Buggabill

나는 그림으로 추가. –

코드를 이미지로 추가하는 이유는 무엇입니까? 질문에 복사하여 붙여 넣으십시오. – Steve

를 추가해보십시오 오버플로 : 자동 사업부에 : 사업부의 CSS에 overflow:hidden를 추가

#midsection 
{ 
    ... 
    overflow:auto 
}

출처

2013-06-26 00:38:09 Danield

내 좋아하는 아니지만 그것은 작동합니다. 나는 여전히 실제 페이지를 확장하고 싶다. –

@AdamDePolo이 방법이 효과가 있다면 확인 기호를 클릭하여 대답으로 표시해야합니다. – Danield

나는 아직도 기다리고 있었다. 나의 대답을 읽으면, 나는 "나는 여전히 그 페이지가 확장되기를 원한다"고 말했다는 것을 알 수있다. –

사업부는 그것의 고유의 최대 높이가 컨테이너 있습니다. 이 div를 포함하는 DOM의 모든 항목의 높이가 98 % 이상인지 확인해야합니다. 사업부 그냥 몸에 있다면 예를 들어, 당신은 추가 할 수 있습니다

html{ min-height:98%; } 
body{ min-height:98%; }

출처

2013-06-26 00:17:46 Neuticle

그게 작동하지 않았다 ... –

보십시오.

출처

2013-06-26 00:56:41 Cynthia

"div"가 내용과 함께 확장되지 않는 이유는 무엇입니까?

답변

관련 문제