用Safari浏览器显示flex
问题描述:
这里的小问题。用Safari浏览器显示flex
我对Safari和flex
有问题。
这是我想用铬和Safari的效果与 Result with chrome, firefox, ...和 with Safari。
,代码:
<style>
#div1{background:black;width:250px;height:600px;display:flex;flex-direction:column;padding-bottom:5px}
#div2{background:pink;color:#FFF;width:240px;height:200px}
#div3{background:blue;color:#FFF;width:240px;height:100%;position:relative}
</style>
<div id="div1">
<div id="div2">test</div>
<div id="div3">test2</div>
</div>
你有什么想法?
答
我找到了解决方案。下面是我做的:
#div3{
background:blue;
color:#FFF;
width:240px;
height:100%;
flex:1 1 100%;
height:auto;
}
而[Flex的项目在Safari中溢出容器]的小提琴https://jsfiddle.net/g210444r/5/ – RichardLenoir
可能的复制(https://*.com/questions/ 46202929 /柔性物品溢容器合的Safari) –