LESS生成的樣式表不起作用

Question

我不知道發生了什麼問題，但是我有相同的樣式規則直接寫入css（index.css）並使用less編寫（style.less-> style.css） 。 當我用index.css加載我的頁面時，我的小冊子地圖顯示正確，但是當我使用style.css時，一切都被加載，但地圖容器的高度爲0px。

因爲這一切都有點複雜，我把你的代碼放在jsfiddle中。

index.css：http://jsfiddle.net/Lhfy89kn/

的style.css：http://jsfiddle.net/86y3y17v/

我在尋找，因爲每年的解決方案，但我沒有看到錯誤，因爲除了事實，該規則當我預編譯更精確，所以body app map #map_canvas，而不是隻#map_canvas我沒有看到任何區別...

希望你們能幫助我！

PS：我知道地圖標籤在HTML5 :)

Answer 1

不同的目的性較低產生的樣式表缺少以下CSS：

html { 
    height: 100%; 
} 

如果沒有這個，沒有一個孩子的容器有一個顯示其內容的適當高度。下面是該問題的一個更新的小提琴解決：

http://jsfiddle.net/86y3y17v/1/

Answer 2

使用html, body, map, #map_canvas而不是html body map { height: 100%; }

http://jsfiddle.net/86y3y17v/2/