需要通過主菜單向子菜單提供縮進

Question

對於縮進，我嘗試了float:right，但只有文本移動的不是整個組件。

例如：在文件主菜單中，它的子菜單New和Open應該縮進到如下所示的位置。

File 
----New 
----Open 

但它看起來像，我不需要。

File 
New 
Open 

請參考下面的jsfiddle：http://jsfiddle.net/4v4K6/1/

Answer 1

那麼，你會不會需要這個水平的具體選擇，但它會提供你清楚你正在努力的目標

nav > ul > li > a + div > ul > li > a { 
    text-indent: 15px; /* Can use padding-left as well */ 
} 

什麼在上述選擇器中選擇ul這是直接子對nav進一步選擇直接子li進一步選擇div這是a標籤，其餘部分是自解釋的，與前面的解釋相同。

你可以寫在上面一樣，只是特異性不同

nav a + div > ul > li > a { 
    text-indent: 15px; /* Can use padding-left as well */ 
} 

Demo

Answer 2

所以，你可以針對李的懸停狀態，然後應用這樣的規則：

nav ul li:hover div { margin-left: 20px; }