javascript - 为什么在给定的 div 中不应用 css？

Question

你能告诉我为什么 css 没有应用到我的 div 中吗？实际上我正在利用这个例子。 http://jsfiddle.net/nP5kh/1/

其中显示了 timestamp count data。现在我需要使用相同的概念 .usng only div 。而不使用 ul li 。 我想知道我错过了什么，因为我的时间戳不在数据前面？

这是我的 fiddle 。 http://jsfiddle.net/yzaaJ/16/

 html+=  '<div style=width:22%; float: left; font-size:18px; line-height:200%; class= RLTLeftDiv ><div   style=width:100%; clear:both; line-height:200%;><div style=width:60%; float:left;  ><b>'+ hours + ":" + minutes + ":" +  seconds+'</b></div><div style=width:40%; float:left; text-align:right; ><b>'+ count +'&nbsp;&nbsp;&nbsp;&nbsp;</b></div></div></div><div style=width:78%; float:left; font-size:18px; line-height:200%;  class= RLTRightDiv>'+tenLengthString+'</div>';

我想我错过了一些类(class)，为什么它与给定的例子不匹配。

Answer 1

将内联样式放在引号中:

 <div style="width:22%; ...."

编辑:事实上，将所有 HTML 属性值放在引号中

<div style="width:22%; float: left; font-size:18px; line-height:200%;" class="RLTLeftDiv"></div>

此外，考虑使用 CSS 表而不是内联样式来设置样式:

<div class="RLTLeftDiv"></div>

.RLTLeftDiv {
    width:22%;
    float: left;
    font-size:18px;
    line-height:200%;
}