老师,底部有点缝隙,应该怎么调呢?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
*{padding: 0px;
margin: 0px;}
.table1{width: 100%;height: 918px;}
thead,tfoot{
width: 100%;
height:60px;
background:#169bd5
}
thead>tr>td>img{
display: block;
font-size: 0;
margin: 5px;}
tfoot{line-height:60px;
text-align:center;
font-size: 14px;
}
tbody{width:100%;
}
.tbody1{
width:12%;
height:798px;
}
.tbody2{
width: 88%;
height: 798px;
border: 2px gray solid;
vertical-align:top;
}
.table2{width: 100%;
height: 50px;
line-height: 50px;
align:center;
border: 2px gray solid;
}
.table3{width: 100%;
height: 54px;
text-align: center;
}
.one{height:50px}
.aside{width: 12%;font-size: 16px;border-left:1px gray solid ;
border-top:1px gray solid ;border-bottom:1px gray solid ;
vertical-align: top;}
.table3 img{
display: block;
height:50px;
width: 50px;
}
</style>
</head>
<body>
<table class="table1">
<thead>
<tr>
<td colspan="2"><img src="../img/logo.png"/></td>
</tr>
</thead>
<tbody >
<tr class="tbody1">
<td class="aside">
<p>商品管理</p><br/>
<p>评价管理</p><br/>
<p>咨询管理</p>
<br/><br/>
<p><b>全部订单</b></p><br/>
<p>已完成订单</p><br/>
<p>待处理订单</p><br/>
<p>今日物流</p>
<br/><br/>
<p>月考核</p><br/>
<p>季度考核</p><br/>
<p>年度考核</p>
</td>
<td class="tbody2">
<table class="table2" rules="all" >
<tr>
<td> 全部订单</td>
</tr>
<tr>
<td>
<form>
查询: <input type="date">至 <input type="date">
</form>
</td>
</tr>
</table>
<table class="table3" rules="all"><tr class="one">
<td colspan="2">宝贝信息</td>
<td>订单数量</td>
<td>单价</td>
<td>买家</td>
<td>下单时间</td>
<td>实付款</td>
<td>订单操作</td>
</tr>
<tr>
<td><img src="../img/txue.png"></td>
<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>代付款</td>
</tr>
<tr>
<td><img src="../img/xie.jpg"/></td>
<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小李子</td>
<td>2019-2-21 19:04</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td><img src="../img/txue.png"/></td>
<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小红</td>
<td>2019-2-21 16:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td><img src="../img/xie.jpg"/></td>
<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>可乐</td>
<td>2019-2-21 14:30</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr >
<td><img src="../img/txue.png"/></td>
<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>魏明</td>
<td>2019-2-21 14:30</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td><img src="../img/xie.jpg"/></td>
<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>李晓雨</td>
<td>2019-2-21 14:30</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td><img src="../img/txue.png"/></td>
<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>艳艳</td>
<td>2019-2-21 14:30</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td><img src="../img/xie.jpg"/></td>
<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>片片</td>
<td>2019-2-21 14:30</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td><img src="../img/txue.png"/></td>
<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小兰</td>
<td>2019-2-21 14:30</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td><img src="../img/xie.jpg"/></td>
<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>魏璎珞</td>
<td>2019-2-21 14:30</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td><img src="../img/txue.png"/></td>
<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小慕</td>
<td>2019-2-21 14:30</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td><img src="../img/txue.png"/></td>
<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小苏</td>
<td>2019-2-21 14:30</td>
<td>240</td>
<td>未发货</td>
</tr></table>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">2019-9-21 ©imooc.com</td>
</tr>
</tfoot>
</table>
</body>
</html>
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星