html - div 里面的内容不展开..？

Question

帮助！？？我正在创建一个站点，由于某种原因，包含所有内容的主 div 似乎不会在内容位于其中时自动扩展。

代码如下。

谢谢你！

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应该修复它。