sticky footer布局为何需要clearfix清除浮动。

Question

sticky footer布局里，wrapper层为何需要clearfix？从代码来看，并无浮动元素啊？如果不加上clearfix，页面默认显示滚动条（默认长度超过100%）

下图为不加clearfix的效果（默认显示滚动条）

下图为加上clearfix的效果：（无滚动条）

代码如下：

html：wrapper层里引入了clearfix

      <div class="detail-wrapper clearfix">
        <div class="detail-content"></div>
      </div>
      <div class="detail-close">
        <i class="icon-close"></i>
      </div>

.clearfix的代码：（stylus语法）

.clearfix
  display inline-block
  &:after
    content "."
    height 0
    line-height 0
    clear both
    visibility hidden

css：语法为stylus

            .detail-wrapper
                min-height 100%
                .detail-content
                    margin-top 64px
                    padding-bottom 64px
            .detail-close
                width 32px
                height 32px
                margin -64px auto 0 auto
                font-size 32px