内层多列div加边框按百分比平分外层div成行展示 样式

如果想让四个div平分外层空间加边框成行展示 

外层div样式：

  border:1px solid #000000;   外层div已有边框,内层只需左或右边框即可

  hieght:auto; 

 width:100%;

内层div 样式样式:

 float:left;

 widht:25%;

 height:20px;

 line-height:20px;

 border-right:1px solid #000000;

margin-left:-1px;      占25%再加一边框,超过25,最后一个div被排挤下一行,解决办法可使用div左移一相象,不会排挤右侧div

最后一个内层div样式:

float:left;

widht:25%;

height:20px;

line-height:20px;

即去掉边框可