为什么模态中的div不垂直拉伸？

Question

有没有人知道为什么模态中的div不会垂直拉伸，而是页面上的那个？

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扩展到其内容的大小，因为没有定义height:。盒装版本中的内容较少，因此DIV较短。