有个小问题,麻烦老师解答一下,非常感谢!

来源: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&copy;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就失效了,就没有样式了,有什么好的方法定位这个,而且在开发者工具里也找不到tfoothttp://img.mukewang.com/climg/5e4e6a3109bfb26f19200933.jpg



这些table怎么定位呀 好乱啊,这些tbody什么的真不好用

写回答

1回答

好帮手慕言

2020-02-20

同学你好,代码中缺少tr td标签,可以参考下方:

http://img.mukewang.com/climg/5e4e6b3e09c3919c06000763.jpg

主体部分分为两个td即可。如下:
http://img.mukewang.com/climg/5e4e6c6209508c9004770705.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程