Html 如何自动调整方框大小以适应内容——使用jQuery Mobile

我正在用jQuery Mobile构建一个web应用程序

几乎应用程序的每个页面都有一个框，包含页面的内容；目前，这些盒子的高度是固定的

我想要的是对框进行重新缩放，以便每个框都适合其特定内容的大小。有人知道怎么做吗

我的CSS当前如下所示：

.ui-grid-g-login {
    overflow: hidden;
    background-color:#FFFFFF;
    margin-right: 10px;
    margin-left: 10px;
    height: 350px;
    padding-top:20px;
    padding-bottom:20px;
    padding-right:30px;
    padding-left:30px;
    border:2px solid;
    border-radius:20px;
}

该类被分配给单个div：

<div class="ui-grid-g-login"> content </div>

内容

检查以下内容：

min-height:350px;
height:auto;

---

@Stef Geelen很高兴能帮到你