html table 充满div,HTML，使用div+css实现自适应table布局

css部分

div.table{

border:1px solid #000000;

margin-left:-1px;

border-bottom-width:0;

border-left-width:0;

text-align:left;

line-height:40px;

}

.clear0{

clear:both;

height:0px;

}

div.table .row{

clear:both;

overflow:hidden;

border-bottom:1px solid #000000;

}

.rowbak{

}

div.table .srow{/*没有cell的一行*/

overflow:visible;

margin-left:1px;

border-bottom:1px solid #000000;

border-left:1px solid #000000;

}

div.table .cell{

border-left:1px solid #000000;

float:left;

margin-left:1px;

margin-right:-1px;

margin-bottom:-1000px;

padding-bottom:1000px;

}

div.table .cellEnd{

clear:both;

width:0;

}

div.table .rowbak .cell{

background-color:#ededed;

height:100%;

}

row的高度需要在1000px以内.

为适应width:100%,让table和cell的border没有占用宽度。

为使row有高度，必须加一个cellEnd的div.

示例：

时间

来源/回发：项目，个人，服务

摘要

操作【岗位】

2016/06/30 15:01

我的家庭协作

XXXXXXXXXXXXXXXXthis is Hello world

岗位1： 操作1 操作2 操作3 操作4
岗位2： 操作1 操作2 操作3 操作4