<style>
.mapstyle {
height: 100%;
height: -webkit-calc(100% - 60px);
height: -moz-calc(100% - 60px);
height: calc(100% - 60px);
margin-left: 300px;
}
</style>
<div style="margin:0 auto; position:relative; text-align: left; width: 100%;">
<div style"width:100%;"><h1>HEADER</h1></div>
<div style="width: 300px; position: absolute; top: 100px; left: 0;">test</div>
<div id="map" class="mapstyle">
<script>....
var map = L.map('map').setView([57.3, 29.4],).setMaxBounds(bounds);
...//Leafletjs.com
</script>
</div>
</div>
函數calc()在css中不能在firefox中工作29.0.1,其他瀏覽器正在工作。FireFox中不工作的css calc()29.0.1
請張貼*完整*的代碼示例和解釋什麼是 「不工作」 的意思完全相同。你爲什麼要四次定義身高?另外,jsFiddle.net示例可能會有所幫助。 – j08691