老师我按要求设置的高度 为什么显示下面会有空格呢?应该怎么解决呢?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
<style type="text/css">
*{margin: 0;padding:0;}
tbody table{border-color: #eee;}
tbody .hang{position: relative;}
tbody .hang .ldyg{padding-top: 20px;padding-left: 10px;}
tbody .hang .ldyg p{margin-bottom: 15px;}
tbody .hang .rdyg{position: absolute;top: 60px;}
tbody .order-list img{display: block;width: 44px;height: 44px;}
tbody .order-list td{height: 54px;}
tbody .order-list .first-h{height: 50px;}
</style>
</head>
<body>
<table width="100%" cellspacing="0">
<!-- 顶部 -->
<thead>
<tr>
<td bgcolor="#07cbc9" width="100%" height="60px" valign="middle"><img src="img/logo.png"></td>
</tr>
</thead>
<!-- 主体 -->
<tbody>
<tr>
<td>
<table width="100%" height="866px" cellpadding="0" border="1px" cellspacing="0" class="aside">
<tr class="hang">
<!-- 主体左侧 -->
<td width="12%" valign="top" class="ldyg">
<p>商品管理</p>
<p>评价管理</p>
<p>咨询管理</p>
<br/>
<br/>
<p>全部订单</p>
<p>已完成订单</p>
<p>待处理订单</p>
<p>今日物流</p>
<br/>
<br/>
<p>月考核</p>
<p>季度考核</p>
<p>年度考核</p>
</td>
<!-- 主体右侧 -->
<td width="88%" class="rdyg">
<!-- 全部订单 -->
<table width="100%" border="1px" cellspacing="0" cellpadding="0">
<tr><td height="50px">全部订单</td></tr>
</table>
<!-- 时间查询 -->
<table width="100%" border="1px" cellspacing="0" cellpadding="0">
<tr>
<td height="50px">
<form>
查询 :<input type="date" name="date">至
<input type="date" name="date">
</form>
</td>
</tr>
</table>
<!-- 订单列表 -->
<table border="1px" width="100%" cellspacing="0" cellpadding="0" class="order-list">
<tr>
<td colspan="2" class="first-h">宝贝信息</td>
<td class="first-h">订单数量</td>
<td class="first-h">单价</td>
<td class="first-h">买家</td>
<td class="first-h">下单时间</td>
<td class="first-h">实付款</td>
<td class="first-h">订单操作</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>
</table>
</td>
</tr>
</tbody>
<!-- 页脚 -->
<tfoot>
<tr>
<td bgcolor="#07cbc9" width="100%" height="60px" valign="middle">2019-9-21 ©imooc.com</td>
</tr>
</tfoot>
</table>
</body>
</html>
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星