div의 동적 크기 조정

Question

최소 높이만 div가 있습니다. 그러나 div의 내용 (텍스트가 두 개 이상인 div이미지)이 높이로 확장되기 시작하면 해당 div가 확장되지 않습니다.

Answer 1

height:auto을 스타일에 넣습니다.

Answer 2

div에 CSS 속성 overflow: auto;을 추가 해보십시오.

일부 브라우저는 div의 크기를 조정하여 자동으로 내부의 내용을 조절합니다. 많은 사람들은 그렇지 않습니다. overflow 속성을 auto로 설정하면 div가 원래 경계를 오버플로하는 내용을 포함하도록 확장됩니다. 해당 컨테이너에 일부 부동 요소가있는 경우

Answer 3

벤 L의 대답은 +, 마지막 부동 요소 뒤에

<div style="clear: both;"></div> 

을 넣어. 또한 절대 입장이 아니라고 말하지 않았습니까? 있다면, 용기에 position : relative를 넣으십시오.