如何在flexbox上嵌入Yandex.Maps

Question

如何在flexbox上嵌入Yandex.Maps？

我试过这样做，但如果你改变浏览器窗口的宽度——地图的宽度会增加(它显示为水平滚动(。

https://jsfiddle.net/khusamov/91ownd3j/31/

html {
width: 100%;
height: 100%;
display: flex;
}

body {
padding: 0;
margin: 0;
display: flex;
flex: 1 1 0;
}
#map-wrap {
display: flex;
flex: 1 1 0;
}
#map-block {
display: flex;
flex: 1 1 0;
}
#map-settings {
width: 300px;
}
#map {
width: 100%;
height: 100%;
}

Answer 1

https://jsfiddle.net/khusamov/91ownd3j/43/

html {
width: 100%;
height: 100%;
display: flex;
}

body {
padding: 0;
margin: 0;
display: flex;
flex: 1 1 0;
}
#map-wrap {
display: flex;
flex: 1 1 0;
}
#map-block {
flex: 1 1 0;
position: relative;
}
#map-settings {
width: 300px;
}
#map {
position: absolute;
width: 100%;
height: 100%;
}