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>

我尝试调整大小的对象是＆＃39; header_wrap＆＃39;

这是我的CSS代码：

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

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

由于

Answer 1

请更正您的语法。

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

删除" "

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

你在PHP代码和HTML代码之间混合

Answer 2

高度确实有效。如果您将此代码添加到CSS并更改高度：

 border: black 1px solid;

CSS调整大小表无效

2 个答案: