为什么thead有效果tfoot没效果
来源：3-2 项目作业
慕仰3297879
2019-12-21 18:44:47
<!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
}
</style>
</head>
<body>
<table class="container">
<thead>
<tr><td><img src="img/logo.png"></td></tr>
</thead>
<tbody>
<table><tr>
<td></td><td></td>
</tr></table>
</tbody>
<tfoot>
<tr><td>2019-9-21 ©imooc.com</td></tr>
</tfoot>
</table>
</body>
</html>
写回答
1回答
-
同学你好， 这里是因为标签嵌套不规范。
建议修改： 严格按照table> thead/tbody/tfoot > tr > td/th 这个嵌套规则， 在td下嵌套其他内容
效果图：
如果帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题