모달의이 div가 세로로 늘어나지 않는 이유는 무엇입니까?

Question

모달 내부의 div가 세로로 늘어나지 않지만 페이지의 div가 왜 그런지 알고 있습니까? 정의 된 height:이 없기 때문에

Here is a demo

.container { 
    width: 150px; 
    background-color: yellow; 
    overflow:hidden; 
} 
.left { 
    display:none; 
    float: left; 
    width: 150px; 
    background: green; 
} 
.right { 
    float: right; 
    width: 150px; 
    background-color: red; 
} 

고마워요 :)

Answer 1

.left는 내용의 크기로 확장됩니다. 박스 버전에는 내용이 적기 때문에 DIV가 더 짧습니다.