CSS，我的DIV的高度必须随着内容的增长而增长，但会不断增长(22px)

Question

我有一个关于 CSS 的问题，我真的希望一些聪明的头脑能帮助我:)

所以我有一个 div，里面有一些 div，因为主 div 是内容“背景”，其他 div 是顶部、侧面、底部和内容本身。我需要侧面的展开当输入的文本比之前多时。

我以前用白色背景做过这个，效果很好，但这次背景是一种图案，我希望图案一直保持完整。所以我希望它有一个最小高度(我试过最小高度:22px)，当需要更多空间时，它应该变成 44，然后是 66,88，等等。

我真的希望我足够清楚并且有人可以帮助我，因为我想要一些启发。

代码:

<div id="main">
<div id="main-top"></div><!-- end of main-top-->
<div id="main-holder">
<div id="main-content">
Jejjajdijdiajsdijasidjasijdiasjd<br><br><br>hehehe

</div><!-- end of main-content-->
</div><!-- end of main-holder-->
<div id="main-bottom"></div><!-- end of main-bottom-->
</div><!-- end of main -->
--

与上述 HTML 相关的 CSS:

>--
#main{
width: 999px;
padding: 0;
margin: 0 auto;
}

#main-top{
height: 22px;
width: 999px;
background: url(../images/main-top.png) no-repeat;
}

#main-holder{
background: url(../images/main-holder.png) repeat-y;
width:999px;
height: auto;
min-height:22px;
}

#main-content{
background: none;
width:auto;
margin:0 10px;
padding: 0 10px 0 10px;
overflow:hidden;
}

#main-bottom{
height:22px;
width:999px;
background: url(../images/main-bottom.png) no-repeat;
}

--

希望我已经足够清楚了，在此先感谢!

Answer 1

使用 Javascript 来测量你需要多少高度。然后将此像素数四舍五入为某个可以除以 22 的值。将此值设置为 div 的高度。