html - 溢出我的高度

Question

我希望我的容器 DIV 在我添加一些带有 JS 或 CSS 的 DIV(悬停)时自动扩展其高度

我试过了，但是有一个溢出你可以在这个 FIDDLE 看到它:

HTML:

<div class="container" >
    <div class="hov">Hello</div>
    <div class="sub"></div>
</div>

CSS:

.container {
    background-color: beige;
    height: 80px;
    width: 200px;
    padding: 10px;

}
.sub {
    background-color: yellow;
    height: 80px;
    width: 200px;
    display: none;
}
.hov:hover + div {
    display: block;
}

.hov {
    cursor: pointer;
}

Answer 1

使用min-height代替height

See JSFiddle