내부 div 및 요소에 따라 외부 div의 높이가 변경되지 않습니다.

다른 div (컨테이너) 안에있는 div (주 콘텐츠)가 있습니다. 이 divs aspx 페이지에 있으며 내부 div (maincontent) 안에 많은 asp.net 컨트롤이 있습니다. 그러나 사이트가 이렇게 보이는 것은 매우 흥미 롭습니다. 내부 div 및 요소에 따라 외부 div의 높이가 변경되지 않습니다.

http://i.stack.imgur.com/omahx.jpg

흰 부분 (maincontent)

enter image description here

는 내부 elemnts에 따라 크기 조정되어야한다. 하지만 높이는 0px로 표시됩니다.

여기 주 콘텐츠 및 컨테이너의 CSS가 있습니다.

#container 
{ 
background: #FFF; 
width: 1000px; 
height:auto; 
margin-right: auto; 
margin-left: auto; 
border-right: 2px solid #B0AA94; 
border-left: 2px solid #B0AA94; 
border-bottom: 2px solid #B0AA94; 
border-radius: 0px 10px 0px 10px; 
} 

#maincontent 
{ 
height: auto; 
font-family: Trebuchet MS; 
font-size: 10px; 
color: Black; 
margin-left: 30px; 
margin-top: 40px; 
}

무엇이 누락 되었습니까?

출처

2012-05-21 Mtok