css：不可能增加定价页面

Question

从https://github.com/kybernetyk/medstime/tree/master/src/medstime/static

查看此静态tempalte

我遇到问题的页面是

https://github.com/kybernetyk/medstime/blob/master/src/medstime/static/plans-pricing.html

在<aside>标记内，当您尝试增加项目数时，<div class="grid"> 会保持高度和大小不变！

我确实尝试了设置高度的所有内容，但是当我在其中添加更多内容时，无法扩展容器。

Answer 1

如果你已经尝试过，我提前道歉。但是我查看了saas-common.css下的CSS代码，发现了这个：

.grid aside {
    width: 125px;
    float: left;
    padding-top: 110px;
    text-align: right;
}

.grid aside li {
    line-height: 51px;
    font-size: 14px;
}

.grid .sections {
    width: 782px;
    height: 511px;
    background: url(../images/bg-grid-box.png) no-repeat left top;
    float: right;
}

.grid section {
    float: left;
    text-align: center;
    height: 509px;
}

看起来网格div下有一些固定的高度。您可以尝试覆盖！important。

从那里尝试一些事情：

min-height: 500px;
height:auto;

然后，

overflow:hidden;

如果一切都失败了，

position:absolute;