我只在Safari中看到这个问题(6.1 os x)
当父div设置为position:fixed overflow:hidden并且子div设置为position:fixed并且其中一部分溢出父级,它将被切断.
看看Chrome和Safari中的这个jsfiddle看看我的意思:http://jsfiddle.net/y2dg65y7/3/
<div class="wrapper">
<div class="inner">
Why is cut off in Safari?
</div>
</div>
.wrapper{
background-color: red;
width: 200px;
overflow: hidden;
height: 400px;
position: fixed;
}
.inner{
background-color: silver;
padding: 20px;
width: 400px;
height: 200px;
position: fixed !important;
top: 50px;
left: 40px;
}
Run Code Online (Sandbox Code Playgroud)
这是Safari中的错误吗?有任何想法吗?解决方法?
谢谢! - = B = -