少生成的样式表不起作用

Question

我不知道出了什么问题，但我有直接用css（index.css）编写的样式规则，用less（style.less-＆gt; style.css）编写。 当我用index.css加载我的页面时，我的leaflet-map显示正确，但是当我使用style.css时，所有内容都被加载，但map-container的高度为0px。

因为这一切都有点复杂，我把代码放在jsfiddle中。

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

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

我一年以来一直在寻找解决方案，但我没有看到错误，因为除了事实之外，当我预编译时规则更准确，所以body app map #map_canvas而不仅仅是#map_canvas我没有看到任何差异......

希望你们能帮助我！

P.S：我知道map-tag在HTML5中有不同的用途:)

Answer 1

您的LESS生成的样式表缺少以下CSS：

html {
    height: 100%;
}

如果没有这个，子容器中没有一个具有适当的高度来显示其内容。这是解决问题的最新小提琴：

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

Answer 2

使用@FindBys({@FindBy(className = "name"), @FindBy(tagName= "a")}) private WebElement element; 而非html, body, map, #map_canvas

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