Javascript 我的Div没有定型？

我试了很多，但还是不流行！我的css如下所示：

#subnav {
background: url(../_img/subnav.png);
height: 36px;
width: 455px;
margin: -15px 0 0 25px;
position: absolute;
}
.subnav {
font-family: verdana;
font-size: 6px;
color: #676767;
padding: 8px;
}

我的html看起来像：

<div id="subnav" class="subnav">
        testing 123
        </div> 

看起来是这样的：

旁注：我想知道用副导航编码导航最有效的方法是什么？目前我的html/css有点过时了

上图中的白色位是我的副导航，蓝色位是导航，因此点击选项显示在白色位

---

布局：

您向我们展示的图像内容与您在问题中展示的内容不同

---

您在html中使用sn作为您的类，并且您正试图通过css引用subnav来添加一个子菜单，我个人将使用以下内容

<ul>
<li>
    itsHabbo
</li>
<li>
    Radio
    <ul>
        <li>
            AM
        </li>
        <li>
            FM
        </li>
    </ul>
</li>
<li>
    Events
</li>
<li>
    Forum
</li>

因此，您基本上在您希望选择的项目中有您的子菜单

---

我希望这能有所帮助。

您有sn类而不是subnav类。我在你的代码中改为sn，你现在可以看到样式了

<div id="subnav" class="sn"> come at me bro     </div>

---

这和你期望的不一样呢？除了背景图像，subnav样式似乎都在那里。您的css文件有效吗？也许您在文件的末尾遇到了一个错误，导致它无法读取css的结尾（假设它位于末尾）。我也会将subnav作为内联样式表检查，而不是从外部源加载它。这样就避免了缓存问题，只是为了测试目的。对不起，我的意思是我的类没有样式化。看看.subnav和字体/大小等。。没有一个是样式。为什么同一个html元素有一个id和一个类？@KennyDuncan很可能有另一个CSS规则优先。请把问题简化成我们可以复制的东西：我修复了它，但它仍然没有显示任何差异。开始认为这是服务器或其他什么东西。这应该是浏览器端的问题，而不是服务器端的问题。尝试不同的浏览器也可以在浏览器上进行硬刷新