jsfiddle没有显示我的CSS

Question

我第一次使用jsfiddle，它似乎没有识别css样式。它也不会显示带有标记的元素。

以下是保存的jsfiddle页面：http://jsfiddle.net/s5LXc/

我在那里做错了什么来获得我所做的意外结果？

谢谢！

Answer 1

检查这个工作小提琴：http://jsfiddle.net/s5LXc/2/

您错过了最外面的DIV容器，其类别为“nav_bar”。

您的HTML结构在至少一个地方也格格不入，例如（倒置SPAN和FORM标记）：

<form name="form" method="post" id="header_search">


<span style='text-align: center; float: left;'>Search
    <input type="text" size="10" id="search_string">
    <input type="submit" value="Search"></input>
</form>

</span> 

Answer 2

你展示了一个'nav_bar'类，但你的html中没有这样的东西。

Answer 3

您在导航容器中使用了错误的类。

<div class="nav">

而不是

<div class="nav_bar">

Answer 4

有一件事是肯定的：你在css中引用了很多类nav_bar，但它根本没有出现在你的html中。