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

Question

从 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">
保持固定的高度和大小!

从字面上看，我已经尝试了从设置高度开始的所有操作，但是随着我在其中添加更多内容，容器不可能变大。

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;