html - CSS:无法增加定价页面

从https://github.com/kybernetyk/medstime/tree/master/src/medstime/static签出此静态模板

我遇到问题的页面是

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

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

我已经尝试了从设置高度开始的所有事情，但是当我在容器中添加更多内容时，不可能扩大容器。

最佳答案

如果您已经尝试过此方法，我提前致歉。但是我查看了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;