html - CSS 调整表没有效果

Question

我正在尝试使用 CSS 调整表格的大小。我可以很好地调整表格的宽度，但在 CSS 中调整高度没有任何效果。这是我的 HTML 代码

<div id="header">
    <table id="header_wrap">
        <tr><td id="title_section"><span id="title" align="left">larder.</span>
        <h5 id="subtitle" align="left">Live Well. Spend Less.</h5></td>
        <td id="menu" align="right"><span align="right"><?php if (login_check($mysqli) == true) { echo "welcome back, $username!"; } else {echo "";}?></span><span><a href="show.php"><br>Show Cupboard</a> </span><span>| <a href="protected_page.php">Home</a> </span><span>| About </span><span><?php if (login_check($mysqli) == true) { echo "<a href='includes/logout.php'>| Log out"; } else {echo "<a href='index.php'>| Log in";}?></a></span></td>
        </tr>
    </table>
</div>

我要调整大小的对象是“header_wrap”

这是我的 CSS 代码:

#header_wrap {
    width: 100%;
    height: 100px;
}

不确定为什么这不起作用。任何建议将不胜感激。

谢谢

Answer 1

请更正您的语法。

来自行代码</span><span><a href="show.php"><br>Show Cupboard</a> </span>

删除 "<br>"

并修复此行代码 <a href='index.php'>| Log in";}?></a>

你混合了 php 代码和 html 代码