多發性ID蒙山一個規則

我打這個多發性ID蒙山一個規則

#center-1, #center-2, #center-2, #center-3, #center-4, 
    #center-5, #center-6, #center-7, #center-8 { float: left; width:360px; }

HTML：

<div id="centerColumn"> 
<div id="center-1"></div> 
<div id="center-2"></div> 
<div id="center-3"></div> 
<div id="center-4"></div> 
<div id="center-5"></div> 
<div id="center-6"></div> 
<div id="center-7"></div> 
<div id="center-8"></div> 
</div>

，它不工作，有人可以解釋我爲什麼？

來源

2011-10-27 Hersh

可以在http://jsfiddle.net/ – sandeep

中顯示一個示例是否在html id屬性中有效？ –

但它適用於我檢查http://jsfiddle.net/sandeep/RBA5r/可能存在其他問題 – sandeep

從你的報告猜測它「不起作用」，你可能不是看到 divs，因爲沒有內容，高度或填充。加height:10px;什麼的，還有一些背景 - they will show up。

順便說一句，有一個slightly easier way你的情況來寫這個選擇：

/* Select all <div>s in the #centerColumn */ 
#centerColumn div { 
    float: left; 
    width:360px; 

    /* Test to make divs appear */ 
    background:#f00; 
    height:10px; 
    margin:1px; 
}

來源

2011-10-27 05:26:48

你的div沒有任何內容，這就是爲什麼他們是不可見的。使它們可見至少添加 到它們中，或者將高度/最小高度添加到css規則

來源

2011-10-27 06:17:49 Sergiu

多發性ID蒙山一個規則

回答

相關問題