Question

我是CSS新手并且遇到小问题。

我在CSS下拉菜单中创建了。我想创建一个将添加到每个页面的头文件。当我将此菜单添加到HTML表格中的一列时，菜单会更大，字体也会更大。当菜单添加到表外时，一切正常。

我有这样的事情：

<link href="style_for_menu.css" rel="stylesheet" type="text/css" />

<table width="100%" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top" width="15" >&nbsp;</td>
        <td  class="tab"align="left" valign="top">&nbsp;<?php include("includes/menu.php");?></td>
    <td width="15">&nbsp;</td>
  </tr>
</table>

谢谢

Answer 1

据推测，应用于该表的一些CSS规则正在inherited进入菜单，将菜单放在那里导致一个规则集与descendent selector匹配，或者你有一个规则使得在父元素上使用计算样式（例如百分位字体大小）。

您需要使用调试工具（例如Chrome开发者工具）来查看这些规则是什么。

那就是page headers and tables are very rarely a good combination。

Answer 2

你能分享一下style_for_menu.css的相关内容吗？

Firebug是一个用于快速掌握CSS的有用工具 - 它允许您在不重新加载的情况下更改页面的CSS属性（或Web上的任何页面）。

添加到HTML表格时，CSS菜单会丢失其属性

2 个答案: