css - 仅使用 chrome 的列和页脚之间的大空间

Question

只有 chrome 的列和页脚之间的大空间

但是用 firefox 没问题

在 chrome 中查看我的网站:http://qass.im/themes/

代码列:

#columns{

-webkit-column-count: 3;
-webkit-column-gap: 13px;
-webkit-column-fill: auto;
-moz-column-count: 3;
-moz-column-gap: 13px;
-o-column-count: 3;
-o-column-gap: 13px;
-o-column-fill: auto;
-ms-column-count: 3;
-ms-column-gap: 13px;
-ms-column-fill: auto;
column-count: 3;
column-gap: 13px;
column-fill: auto;

页脚代码

.footer{
color:#555;
background: #fff;
border: 1px solid #ccc;
 -webkit-box-shadow: 0 1px 1px #ccc;
   -moz-box-shadow: 0 1px 1px #ccc;
  -o-box-shadow: 0 1px 1px #ccc;
   box-shadow: 0 1px 1px #ccc;
   padding:15px;
    -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
   box-sizing:border-box;
    border-radius:5px;
   margin:0 auto;
    display:block;
     overflow:hidden;
     clear: both;
     height: auto;
    margin-top:40px;
      width:800px;
    text-align:left;

这个空间是什么？

谢谢。

Answer 1

将 css 重置添加到代码的开头。

http://necolas.github.io/normalize.css/

使用这个 :).