“标头 td”的含义

Question

我对这些函数不是很熟悉，但是谁能向我解释一下“header td”的作用以及它在 CSS 中是否真的有必要？我有一个无法正常工作的标题。我试图从 CSS 中删除这部分，但是整个标题都消失了。

标题的CSS代码：

/* Header
--------------------------------------------------------------------------------*/

#header-wrap {
    background:url(HeaderLuminescentLarge.png)no-repeat center;
    background-size: contain;
    box-shadow:inset 0 0px 0px rgba(0,0,0,0.3);
}

.wsite-custom-background #header-wrap {
    background: none;
}

#header {
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    height:100%;
} 

#header td {
    vertical-align: middle;
    text-align: left;
    height: 500px;
}

Answer 1

#header td 选择具有id 为header 的元素内的所有<td> 元素。

您已为标题指定了height:100%;，但其父级 (#header-wrap) 似乎没有明确设置高度，因此不会应用 % 中的高度。

一旦你删除了样式规则

#header td {
 vertical-align: middle;
 text-align: left;
 height: 500px;
}

子元素也没有设置高度，这就是标题突然消失的原因（它的高度将是0）。