我有这个页脚,上面是一个内容 div(位于另一个 div 中以创建一个漂亮的填充边框)。由于某种原因,页脚没有直接排在内容之后,或者如果内容很长,页脚似乎出现在内容的中间。
html:
<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 -->
<!-- Footer -->
<footer id="bottom">
CSS:
.wrapper{
width: 810px;
margin: 0 auto;
padding: 0 20px;
text-align: left;
min-height:100%;
}
.ie6 .wrapper{ height: 100%; }
#content {
width: 810px;
background-color:#fff;
position: absolute;
height:auto;
}
#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;
height:auto;
}
问题图片: