html5页脚布局,HTML 5页脚标签始终处于底部

这应该把你带到你正在寻找去：(编辑以添加额外行，以便代码标记才会表现出良好)

基本HTML：

col1

col1

col1

这里是CSS：

html {

position: relative;

min-height: 100%;

}

body {

margin: 0 0 100px; /* bottom = footer height */

}

footer {

position: absolute;

left: 0;

bottom: 0;

height: 100px;

width: 100%;

background-color: #949494;

color: #ffffff;

}

.colwrapper{

-moz-column-count:3; /* Firefox */

-webkit-column-count:3; /* Safari and Chrome */

column-count:3;

}

/* Specify a 40 pixels gap between the columns: */

-moz-column-gap:40px; /* Firefox */

-webkit-column-gap:40px; /* Safari and Chrome */

column-gap:40px;

/* Specify the width, style and color of the rule between columns: */

-moz-column-rule:3px outset #ff00ff; /* Firefox */

-webkit-column-rule:3px outset #ff00ff; /* Safari and Chrome */

column-rule:3px outset #ff00ff;

}