HTML:td 不是 100% 表格高度

Question

我遇到了以下问题:

我有一个 HTML

当我使用 Chrome 开发工具分析整个事情时，我发现 div 的高度略小于表格。如何将 div 的高度设置为与表格一样大？

我已经尝试将 cellpadding 设置为 -2px 但它没有用 - 我并没有真正使用表格，所以请原谅我在这方面缺乏知识:/

谢谢你的帮助

编辑:我的源代码:

<table>
    <tr>
        <td>
            <div>text 1</div>
        </td>
        <td>
            <div>text 1</div>
        </td>
        <td>
            <div>text 1</div>
        </td>
    </tr>
</table>

和CSS:

table{
    padding: 0;
    margin: 0;
    height: 100px;
    width: 100%;
}

tr,
td{
    padding: 0;
    margin: 0;
    height: 100%;
    width: 200px;
}

td > div{
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
    width: 100%;
}

最佳答案

只需要将cellpadding和cellspacing设置为0即可:

<table cellpadding="0" cellspacing="0">

参见:http://jsfiddle.net/darekkay/bdej1qgw/

关于HTML:td 不是 100% 表格高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25827199/

上一篇：html - 表格内有非白色背景奇怪的边框

下一篇：html - CSS - 使外部文本在内部文本更改时不移动

相关文章：

javascript - "All browser compatibility"和 "Cross browser compatibility"有什么区别？

html - 哪些浏览器不支持空标签？

java - 以编程方式登录网站返回登录的 HTML

Javascript 循环未运行或未结束

css - 如何在 CSS 中模拟媒体查询？

html - 如何使用 HTML CSS 对齐容器 div 中子 div 的 2 个 super 子 div

html - 选择标签内的文本垂直未对齐

javascript - 使用 JavaScript 事件动态按 id 删除元素

CSS 菜单在 IE8 中不起作用

html - 文本装饰规则不起作用？

©2023 IT工具网  联系我们

，它的高度固定为 100px，没有边框。在此表内，我有一行(100% 高度)和 5 行内的 td(高度也为 100%)。在这个 td 中，我有一个 div(position=relative，height=100%)。

Answer 1

只需要将cellpadding和cellspacing设置为0即可:

<table cellpadding="0" cellspacing="0">

参见:http://jsfiddle.net/darekkay/bdej1qgw/