讓UL上升幅度爲每內容

Question

我有在this site

實現如果你將鼠標懸停在產品菜單快魚菜單，下拉將是主要父菜單的完全寬度，即使含量大。我如何根據其中的內容使菜單變得更寬。現在內容簡單地溢出。

Answer 1

添加下面的樣式應用到grid.css或任何其他的.css文件/頭grid.css後：

.sf-menu ul{ 
    min-width:100%; /* at least the size of the header */ 
    width:auto; /* size the block automatically */ 
} 
.sf-menu ul li{ 
    white-space:nowrap; /* prevent word wrap */ 
} 

注意，這不會有IE7相同的結果，但是你的網站沒有出現在IE7中也是一樣。適用於IE8，IE9和Firefox 10（應該可以在所有兼容CSS2的瀏覽器中運行）。