为什么这里设了60的高图片还是没效果
来源：3-2 项目作业
慕仰3297879
2019-12-21 22:28:58
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
*{
margin: 0;
padding:0;
}
.container{
width: 100%;
}
thead,tfoot{
width: 100%;
height: 60px;
background: #169bd5;
display: block;
}
thead img{
width: 120px;
height: 40px;
margin-top: 10px;
}
tbody .t1{
width: 100%;
border: 1px solid;
}
tbody >.t1 >table{
position: relative;
}
.aside {
width: 11%;
height: 770px;
border: 1px solid black;
float: left;
font-size: 14px;
margin-left: 1%;
}
.aside .bold{
font-weight: bolder;
font-size: 16px
}
.main {
width: 88%;
/*height: 50px;*/
border: 1px solid black;
float: right;
position: absolute;
left: 12%;
line-height: 50px;
}
.main .main-top tr td{
margin-left: 10px;
border: 1px solid #ccc;
}
.main >.main-top > tr{
height: 60px;
/*display: block;*/
}
.txue > td{
height: 60px;
}
</style>
</head>
<body>
<table class="container">
<thead>
<tr>
<td><img src="img/logo.png"></td>
</tr>
</thead>
<tbody>
<tr>
<td>
<table class="t1">
<tr>
<td class="aside">
<br>
<p>商品管理</p>
<br>
<p>评价管理</p>
<br>
<p>查询管理</p>
<br>
<br>
<p class="bold">全部订单</p>
<br>
<p>已完成订单</p>
<br>
<p>待处理订单</p>
<br>
<p>今日物流</p>
<br>
<br>
<p>月考核</p>
<br>
<p>季度考核</p>
<br>
<p>年度考核</p>
</td>
<td class="main">
<table class="main-top" >
<tr><td colspan="8">全部订单</td></tr>
<tr><td colspan="8">查询：<input type="date" name="date">至<input type="date" name="date"></td></tr>
<tr><td colspan="2">宝贝信息</td><td>订单数量</td><td>单价</td><td>买家</td><td>下单时间</td><td>实付款</td><td>订单操作</td></tr>
<tr class="txue"><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 class="txue"><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 class="txue"><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 class="txue"><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 class="txue"><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 class="txue"><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 class="txue"><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 class="txue"><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 class="txue"><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 class="txue"><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 class="txue"><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 class="txue"><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>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>2019-9-21 ©imooc.com</td>
</tr>
</tfoot>
</table>
</body>
</html>
1回答
-
同学你好，图片本身没有设置高度的话，默认显示原图尺寸。如果尺寸超出了td的高度，td的高度会由内容撑开，自身设置的就会无效。建议给图片img设置高度，td的高度就有效果了。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题