用于固定布局
代码如下:
/*定义容器*/
.container_16{
margin-left: auto;
margin-right: auto;
width: 960px;
}
/*全局设置*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16{
display: inline;
float: left;
margin-left: 5px;
margin-right: 5px;
}
/*各个栅格宽度*/
.container_16 .grid_1{
width: 50px;
}
.container_16 .grid_2{
width: 110px;
}
.container_16 .grid_3{
width: 170px;
}
.container_16 .grid_4{
width: 230px;
}
.container_16 .grid_5{
width: 290px;
}
.container_16 .grid_6{
width: 350px;
}
.container_16 .grid_7{
width: 410px;
}
.container_16 .grid_8{
width: 470px;
}
.container_16 .grid_9{
width: 530px;
}
.container_16 .grid_10{
width: 590px;
}
.container_16 .grid_11{
width: 650px;
}
.container_16 .grid_12{
width: 710px;
}
.container_16 .grid_13{
width: 770px;
}
.container_16 .grid_14{
width: 830px;
}
.container_16 .grid_15{
width: 890px;
}
.container_16 .grid_16{
width: 950px;
}