Css 外部分区不'；t用内div展开

我在主包装器

div

中包装我的页面，但是外部

div

不会随着内部div展开

我希望主外部div

主包装器的高度随着页面内容的增长而增长，因为某些原因，页面内容不会发生这种情况

我试图解决这个问题已经有一段时间了，但到目前为止没有成功

我已经准备好了

我会在这方面提供帮助

HTML结构示例

<!-- main Container -->
<div class="main-wrapper">
    <!-- Header -->
    <div class="header-wrapper"></div>
    <!-- Header -->
    <div class="content-wrapper">
        <!-- Content Page-->
        <!-- banner image wrapper -->
        <div class="top-image-wrapper"></div>
        <!-- banner image wrapper -->
        <!-- page content wrapper -->
        <div id="page-content-area" class="page-content-area">
            <div id="pg-intro-area" class="pg-intro-area">
                <div class="page-title">
                     <h5>Page Title </h5>

                </div>
                <div class="page-text"></div>
            </div>
            <div class="pg-right-bar-wrapper"></div>
        </div>
        <!-- page content wrapper -->
        <!-- Content Page-->
    </div>
    <div class="footer-wrapper"></div>
</div>
<!-- main Container -->

或者有时它只是有助于正确清除浮动：

.main-wrapper:before,
.main-wrapper:after {
    content : "";
    display : table;
}
.main-wrapper:after {
    clear : both;
}

只需添加：

显示：块

及

float：左

到您的
.main包装器
类，因此它将如下所示：

.main-wrapper
{
        width:1000px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
    margin:0px auto 0px auto;
    background-color:#fff;
    padding-left:10px;
    padding-right:10px;

    display: block;
    float: left;
}

主包装纸占据了整个页面？？尝试移除高度：100%；主包装上的样式。也可能删除html/body/form上的相同样式。我不确定我在做什么，我使用了这个&当时它不起作用，现在它起作用了。。谢谢可能是我做了太多的改变，我一定把它放在了别的地方。不管怎样，谢谢。它解决了我的问题。忽略我最后的第一条评论，因为我第一次添加
overflow:auto时肯定犯了一些错误当时它添加了H滚动条。无论如何thanks@KnowledgeSeeker不客气：）我知道你们的感受，当一个人做了100次更改却没有成功后，这有点令人沮丧，而且很容易“迷失在代码中”；）快乐编码
.main-wrapper:before,
.main-wrapper:after {
    content : "";
    display : table;
}
.main-wrapper:after {
    clear : both;
}

.main-wrapper
{
        width:1000px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
    margin:0px auto 0px auto;
    background-color:#fff;
    padding-left:10px;
    padding-right:10px;

    display: block;
    float: left;
}