有几个小问题,麻烦老师解答一下,非常感谢!
来源: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