2013-01-12 76 views
2

出於某種原因,我無法顯示div。發生這種情況時,通常是一個愚蠢的錯字,但我搜索了10分鐘,重寫了整個css文件,並再次搜索了20分鐘,我找不到這樣的東西。我有一箇中心的div,裏面有另一個div。父母表現得很好,但裏面的孩子沒有。這裏是我的CSS:div沒有顯示?

*{ 
    margin: 0px; 
    padding: 0px; 
} 
#chartBox { 
    width: 510px; 
    height: 510px; 
    background: #FFFF00; 
    margin: 20px auto 0px auto; 
} 

#11 { 
    display: inline-block; 
    border: 1px solid #FFFFFF; 
    width: 100px; 
    height: 100px; 
    background: #000000; 
} 

而我的HTML body(只是link到CSS和titlebody外):

<body> 
    <div id="chartBox"> 
     <div id="11"> 

     </div> 
    </div> 
</body> 

如果我在11中輸入文本,該文本chartBox的角落顯示出來,但div的背景和邊框不顯示。

+4

雖然以數字開頭的ID在HTML5(不在HTML4中)中有效,但它們不在CSS中:http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier。 –

回答

2

ID和名稱標記必須以字母([A-Za-z])開頭,後跟任意數量的字母,數字([0-9]),連字符(「 - 」),下劃線(「_」),冒號(「:」)和句點(「。」)。

您不能只使用div中的數字,如「11」。將它重命名爲「div11」。

+0

拉斯穆爾勒多夫在CSS中擁有自己的PHP手?不允許他們以數字開頭的目的是什麼?此外,這是否適用於類? – tkbx

+0

@tkbx是的,這適用於類。 – BenjiWiebe

+0

@tkbx:許多「語言」標識符不允許以數字開頭。這可能只是爲了使分析更容易。 –

1

原因是,有些瀏覽器不支持以數字開頭的ID和類。改爲嘗試id="_11"#_11 {