html - 风格不适用

Question

<tr>
   <td class="main" align="left">

    <div id="menu">
        <ul id="navbar">
            ...
        </ul>
    </div>
   </td>
</tr>

#menu {
    border: 1px solid #D9D4D4;
    border-radius: 4px;
    margin: 100px 0px 0px 20px;
    width: 120px;
}

为什么菜单样式不适用于div？如果我在 Firefox 工作时明确地将此样式粘贴到 element 中。

Answer 1

我看到这个工作正常，请看例子:

http://jsfiddle.net/9ksuk4fr/

如果您想设置菜单元素的样式，可以尝试使用 #menu li 设置 li 的样式

如果您要使用 #menu 本身，请使用 firefox 或 chrome 中的检查器来查看覆盖它的内容