有几个小问题,麻烦老师解答一下,非常感谢!
来源: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©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;
}
还有我设置了*{
margin:0px;
padding:0px;
}
为什么thead的背景外还有间隙
1回答
同学你好,问题解答如下:
1. thead, tbody,tfoot设置高度是没有效果的。另外,一般主体区域不需要设置固定高度,因为实际需求中,列表的内容不是固定的 ,所以给tbody里面添加内容,让内容撑开即可。
2.两个原因
(1)图片作为行内元素,会有默认的间隙 ,需要让图片变成块元素。如下:

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

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