Question

我对这些功能并不是很熟悉，但任何人都可以向我解释一下“标题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选择<td>为id的元素中的所有header元素。

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

删除样式规则后

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

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

“header td”的含义

1 个答案: