如何自动调整div元素的大小以适合内容

我需要在其他div内做很多div，而且我似乎无法理解我的代码有什么问题，因此div不能使div的高度低于-，而这一切都是一团糟！

我的aspx代码：

<div class="tabcontent">
    <div class="tabcontent-inner">
        <div class="tabcontent-inner-left grid_20">

        </div>

        <div class="tabcontent-inner-right grid_20">

        </div>
    </div>
</div>

我的样式表CSS：

.tabcontent-inner {
    width: inherit;
    padding: 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 1px;
    position: relative;
    display: block;
}
.tabcontent-inner-left {
    padding: 20px 20px;
    border-left: solid 1px #ddd;
    width: 45%;
   float: left
}
.tabcontent-inner-right{
    padding: 20px 20px;
    border-right: solid 1px #ddd;
    width: 45%;
    float: right
}

基本上，我希望tabcontent-inner div能够了解其中的高度。