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

来源:3-2 项目作业

bao_

2020-02-20 15:49:36

<body>
    <table>
        <thead>
            <tr>
                <td colspan="2"><img src="./img/logo.png" alt="imooc"></td>
            </tr>   
        </thead>
        <tbody>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="2" align="center">2020-2-20&copy;imooc.com</td>
            </tr>
        </tfoot>
    </table>
</body>


/* header */
table{
    width: 100%;
}
table thead > tr > td,
table tfoot > tr > td{
    width: 100%;
    height: 60px;
    background: #169bd5;
}
table tbody{
    height: 1000px;
    color: pink;
}



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








还有我设置了*{

margin:0px;

padding:0px;

}

为什么thead的背景外还有间隙

写回答

1回答

好帮手慕夭夭

2020-02-20

同学你好,问题解答如下:

1. thead, tbody,tfoot设置高度是没有效果的。另外,一般主体区域不需要设置固定高度,因为实际需求中,列表的内容不是固定的 ,所以给tbody里面添加内容,让内容撑开即可。

2.两个原因

(1)图片作为行内元素,会有默认的间隙 ,需要让图片变成块元素。如下:

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

(2)表格也有默认间隙,要通过如下清除

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

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

0

0 学习 · 40143 问题

查看课程