如何解决为什么我不能为我的传单容器设置百分比大小?
我正在使用带有 react 的传单,但我不能使用百分比作为传单容器的高度...
我做到了:
.leaflet-container {
height: 100%;
width: 100%;
}
而如果我把 height: 600px
而不是 height: 100%;
它工作
你能帮我吗?
这是我的代码:
解决方法
高度和百分比的定义是:
百分比:百分比是相对于高度计算的 生成的框的包含块。如果高度 包含块没有明确指定(即,它取决于 内容高度),并且这个元素不是绝对定位的, 值计算为自动。根元素上的百分比高度是 相对于初始包含块。
https://developer.mozilla.org/pt-BR/docs/Web/CSS/height
如果你想使用百分比,你元素的一些父元素应该是一个定义的高度值,或者所有元素都应该是 height: 100%。
/* You should place every parent as 100% */
html,body {
height: 100%;
}
#root {
height: 100%;
}
.wrapper {
height: 100%;
}
/* or just */
/* .wrapper {
height: 600px;
} */
https://codesandbox.io/s/react-leaflet-forked-ztkh9?file=/src/styles.css
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。