css-100%绝对覆盖位置，顶部响应灵敏

我用的是传单js

我需要地图是100%的宽度和高度

我知道我能忍受身高：100%；如果是html，则正文为100%

这在我当前的设置中不起作用，所以我使用绝对定位使其达到100%的高度和宽度

我需要一个顶部的头球

我可以使用绝对定位的顶部向下移动地图，但我不喜欢这样，因为标题的高度可能会改变

是否可以在地图上显示标题和绝对位置

让mymap=L.map（'map'）.setView（[54.5，-2]，6）；
L.tileLayer（'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png？access_token={accessToken}'{
属性：“地图数据©；贡献者，图像©”，
id:“地图盒。街道”，
accessToken:'pk.eyj1ijoidhrtdcisimeijjajhwhjow8wn2jvmndwbtlqatv0yjhhin0.rlysm052tK3vDdZSSg wQg'
}).addTo（mymap）
*{
保证金：0；
填充：0；
}
html，正文{
身高：100%；
}
标题{
背景：红色；
颜色：白色；
填充：10px0；
}
#地图{
//身高：100%；
宽度：100%；
位置：绝对位置；
顶部：50px；
底部：0；
左：0；
右：0；
}

标题

让mymap=L.map（'map'）.setView（[54.5，-2]，6）；
L.tileLayer（'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png？access_token={accessToken}'{
属性：“地图数据©；贡献者，图像©”，
id:“地图盒。街道”，
accessToken:'pk.eyj1ijoidhrtdcisimeijjajhwhjow8wn2jvmndwbtlqatv0yjhhin0.rlysm052tK3vDdZSSg wQg'
}).addTo（mymap）
*{
保证金：0；
填充：0；
}
html，正文{
身高：100%；
}
标题{
背景：红色；
颜色：白色；
填充：10px0；
}
#地图{
高度：计算（100vh-50px）；
宽度：100vw；
}

标题
是

加上

z-index: 2;
position: relative;

添加到标题样式


让mymap=L.map（'map'）.setView（[54.5，-2]，6）；
L.tileLayer（'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png？access_token={accessToken}'{
属性：“地图数据©；贡献者，图像©”，
id:“地图盒。街道”，
accessToken:'pk.eyj1ijoidhrtdcisimeijjajhwhjow8wn2jvmndwbtlqatv0yjhhin0.rlysm052tK3vDdZSSg wQg'
}).addTo（mymap）
*{
保证金：0；
填充：0；
}
html，正文{
身高：100%；
}
标题{
背景：红色；
颜色：白色；
填充：10px0；
z指数：2；
位置：相对位置；
}
#地图{
身高：100%；
宽度：100%；
位置：绝对位置；
}

标题
试试calc（）？高度：计算（100%-10px）他说头部的高度是动态的，所以计算不是一个真正的选项