等分四栏布局

实现四栏等宽，中间设置一定间隙的自适应布局：

一：利用浮动（注：如果多加一个元素就会换下一行）

1.代码如下：

<style type="text/css">

*{

margin:0;

padding:0;

}

.clearfix:after {

　　　　 content: "";//添加内容为空

height: 0;//内容高度为0

line-height: 0;//内容文本的高度为0

display: block;//将文本设置为块级元素

clear: both;//清除浮动

visibility: hidden;//将元素隐藏

}

.clearfix {

zoom: 1;/*为了兼容ie6*/

}

.wrap{

background-color:black;

margin-right:-20px; /*注意重点，是为了将第四个div的border隐藏*/

}

.wrap div{