有个小问题,麻烦老师解答一下,非常感谢!
来源:3-2 项目作业
bao_
2020-02-20 19:16:06
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>3-2Project practice</title> <link rel="stylesheet" href="./css/style.css" type="text/css"> <link rel="stylesheet" href="./css/index.css" type="text/css"> </head> <body> <table> <thead> <tr> <td colspan="2"><img src="./img/logo.png" alt="imooc"></td> </tr> </thead> <tbody> <!-- <table> <tr> <td> <p>商品管理</p> <p>评价管理</p> <p>咨询管理</p> <p>全部订单</p> <p>已完成订单</p> <p>待处理订单</p> <p>今日物流</p> <p>月考核</p> <p>季度考核</p> <p>年度考核</p> </td> <td></td> </tr> </table> --> </tbody> <tfoot> <tr> <td colspan="2" align="center">2020-2-20©imooc.com</td> </tr> </tfoot> </table> </body> </html>
/* header */ table{ width: 100%; } table thead > tr > td, table tfoot > tr > td{ width: 100%; height: 60px; background: #169bd5; }
把注释部分显示tfoot就失效了,就没有样式了,有什么好的方法定位这个,而且在开发者工具里也找不到tfoot
这些table怎么定位呀 好乱啊,这些tbody什么的真不好用
1回答
同学你好,代码中缺少tr td标签,可以参考下方:
主体部分分为两个td即可。如下:
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题