CSS에서 min height 속성을 설정하면서 div로 내용을 확장하는 방법

Question

asp.net에서 마스터 페이지를 만들었으나 이제는 서버 측 컨트롤이 없습니다. 나는 div보다는 테이블을 사용했습니다. 지금은 페이지에 하나의 테이블조차 존재하지 않습니다. 이제 다른 페이지에서 마스터 페이지를 사용하려고하면 콘텐츠가 커지고 콘텐츠가 다른 섹션에서 넘쳐서 페이지의 본문 내용을 보유하고있는 div 섹션이 확장되지 않는 것으로 나타났습니다.

div를 고정 할 수 있도록 div를 확장 할 수있는 방법이 있습니까? 즉 콘텐츠가 최소 높이보다 낮게 설정된 경우 콘텐츠가 최소 높이 이상으로 표시되어야합니다. 그렇지 않으면 콘텐츠가 최소 높이 이상인 경우 페이지에서 높이가 커집니다.

어떻게 할 수 있습니까? This is my site 어디서 만들 수 있는지 알려주고 확장 가능한 페이지로 문의하십시오.

사이트 내에서 css라는 style.css를 찾을 수 있습니다.

Answer 1

기본적으로 div는 최소 높이 CSS 속성을 사용하여 지정된 크기를 초과하여 확장됩니다. 내 생각 엔이 문제의 원인으로 잘못된 것을보고 있다는 것입니다. 귀하의 정보를 IE6은 최소 높이 속성을 무시하고 콘텐츠 크기가 지정된 최소 높이보다 작은 경우에도 콘텐츠 크기로 축소됩니다 믿습니다.

---

UPDATE :

당신은 위에서 언급 한 문제 브라우저를 감지 할 때 (즉, 인터넷 익스플로러 6) 자바 스크립트가는 offsetHeight의 사용 래퍼 DIV의 높이를 측정하고 어떤에서 그 값을 뺄 사용 최소 높이가 있어야합니다. 값이 양수이면 style.height 값을 최소 높이 값으로 설정합니다.

Answer 2

이 CSS를보십시오 :

div { 
    min-height: 100px; 
    overflow: hidden; 
} 

이 overflow: hidden는 CSS를-해킹 말을 그렇게. 어쩌면 그것은 당신을 여기에서 도울 수 있습니다 ...