div不会随着里面的内容而扩展..？

Question

HELP！??我正在创建一个网站，由于某种原因，当内容在其中时，包含所有内容的主要div似乎不会自动扩展。

代码如下。

THANKYOU！

HTML：

<!-- Content -->
<div class="content-wrapper clearfix">
  <div id="content">
  {% if template == 'list-collections' %}
    {% include 'collection-listing' %}
  {% else %}
    {{ content_for_layout }}
  {% endif %}

  {% unless template contains "customer" or template contains "cart" %}
    {% include 'col-widgets' %}
  {% endunless %}
  </div>
</div>
</div><!-- /.content -->

的CSS：

.wrapper{
  width: 810px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: left;
  min-height:100%;
  }
.ie6 .wrapper{ height: 100%; } 

      #content {
      height:200px;
      width: 810px;
      background-color:#fff;
      position: absolute;
      } 

#col-main{
  -moz-box-sizing: border-box;
    margin-top:0px;
  line-height: 2;
    margin: 5px;
  padding: 30px;
  background-color: #FFFFFF;
  float: center;
  position: relative; z-index: 1;
  height: 200px;
  background-color: #FFFFFF;
  border: 1px solid #D5DCE1;
  }

Answer 1

将height:auto;添加到#col-main应修复它。