使用div仿table,边框border合并,
参考:http://jsfiddle.net/R8eCr/5/
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: table;
border-collapse: collapse;
}
.column {
display: table-row;
}
.cell {
display: table-cell;
border: 1px solid red;
width: 200px;
height: 30px;
}
</style>
</head>
<body>
<div class="container">
<div class="column">
<div class="cell">1</div>
<div class="cell">1</div>
</div>
<div class="column">
<div class="cell">2</div>
<div class="cell">2</div>
</div>
<div class="column">
<div class="cell">3</div>
<div class="cell">4</div>
</div>
</div>
</body>
</html>