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에 추가.