CSS는 텍스트 기반의 페이지 높이를 자동으로 늘립니다.

Question

텍스트가 들어있는 간단한 컨테이너로 된 순수 CSS 레이아웃이 있습니다. 컨테이너의 최소 높이 특성이 있습니다.

페이지 내용이 데이터베이스에서 생성됩니다. 문제는 페이지가 커짐에 따라 텍스트가있는 컨테이너가 오버플로됩니다.

어떻게이 문제를 해결할 수 있습니까? 당신은 당신이 할 수있는 추가 마크 업없이 컨테이너에 hasLayout의 트리거하려면

Answer 1

내 생각 엔

Clearing Floats

<div id="myContainer"> 
    <textarea /> 
    <div class="clear">&nbsp;</div> 
</div> 

Answer 2

alt text http://img204.imageshack.us/img204/4139/overflowhidden.png

Answer 3

.. 당신은 내가 말하고 싶지만 당신의 수레를 취소 할 필요가있다 사용

.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 

.clearfix { 
    zoom: 1;  /* triggers hasLayout in IE */ 
}