滚动不适用于计算的高度

Question

.menu {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow-y:auto;
}

此CSS工作正常，但如果我将高度更改为计算高度，

height: calc(100% - 100px);

溢出会隐藏，而不是滚动或自动。

有更好的主意吗？

Answer 1

在菜单周围添加.menucontainer并使用以下

<osm-script>
  <query type="relation">
    <bbox-query s="49" w="2" n="52" e="7"/>
    <has-kv k="boundary" v="administrative"/>
    <has-kv k="admin_level" v="2"/>
  </query>
  <print mode="meta"/>
</osm-script>