我有一个基于响应百分比的网格使用flexbox创建使用基于百分比的边距.它在Chrome和Safari中运行良好.但是,除非在元素上设置了明确的高度,否则Firefox会折叠边距.有人知道解决方法吗？
dho*_*ert 20
之前已经报道过这是Firefox/Gecko中的一个错误,但它实际上是Chrome/Blink中的一个错误.
在block(display:block)元素的子元素上,百分比边距和填充将针对块的宽度进行解析.这可能是您期望的行为,而这正是Blink 错误地为Flex容器的子项所做的事情,如上面的错误页面所述.
但是,在弹性容器中,百分比边距和填充应该针对相应的尺寸来解决(因此,例如,边缘顶部/边缘底部将根据容器的高度来解决).
此外,如果容器没有确定的高度(例如,如果有height:auto),则无法解析百分比,因此它们将解析为0.
| 归档时间： |
|
| 查看次数： |
4914 次 |
| 最近记录： |