div盒子没有在高度上增长

Question

当存在更多内容时，蓝色框和白色div不会扩展的问题是什么。

我已经放置了我正在处理的区域的CSS，但这可能不是问题。

我希望盒子的高度与在盒子外面展开的交易类别相同。

CSS：

.content_inner{
    height: auto;
    background-color: #6c93b8;
    margin:12px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    clear:both;
}

.homeWrapper{
    padding: 12px;
    width:auto;
background-image: linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -o-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -moz-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -webkit-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);
background-image: -ms-linear-gradient(bottom, rgb(71,95,124) 73%, rgb(33,50,86) 85%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.73, rgb(71,95,124)),
    color-stop(0.85, rgb(33,50,86))
);

.leftColBlog{
    display: inline-block;
    width:650px;
    margin:0 0 5px 0;
    background-color: #fff;
}
.rightColBlog{
    display: inline-block;
    float: right;
    width:230px;
    text-align: left;
}

问题：

Live URL

Answer 1

一种方法是将overflow: hidden;添加到.homeWrapper和.content_inner

这为右侧菜单创建了一个新的块格式化上下文，因为浮动元素从正常流中取出并需要清除或具有溢出值而不是可见的容器与其他元素一起流动。

http://img13.imageshack.us/img13/7868/sitetow.jpg