html - HTML 标记的高度设置与我的意图不同

Question

我的结构是

table
 ㄴ tbody
    ㄴ tr
       ㄴ td height: 25px
          ㄴ div height:24px
              ㄴ div height: 100%   => why 30px ????

当我将最后一个 div 的高度设置为 100% 时，为什么会得到 30px？

标签： html

Answer 1

我认为您的代码的问题在于您的<td>元素具有抑制<div>元素高度的填充或边框。尝试设置这个 CSS：

td {
    padding: 0px;
    margin: 0px;
}

它应该有望修复您的代码。

如果您有任何问题或需要解释，请发表评论。