Html 带溢出的剪辑iframe内部div:隐藏(仅限镀铬)

Html 带溢出的剪辑iframe内部div:隐藏(仅限镀铬),html,google-chrome,iframe,overflow,css-position,Html,Google Chrome,Iframe,Overflow,Css Position,我在div中有一个iframe。iframe绝对位于div的边界之外。我想通过向div添加overflow:hidden来剪裁iframe,但是它会将iframe移动到div内部,而不是隐藏它 这个问题出现在Chrome浏览器中,在Firefox中可以正常工作 #容器{ 高度:200px; 宽度:300px; 位置:相对位置; 边框:黑色1px实心; 溢出:隐藏; } #嵌套{ 位置:绝对位置; 顶部:20px; 左:350px; 宽度:100px; 高度:100px; 边框:红色1px实心;

我在div中有一个iframe。iframe绝对位于div的边界之外。我想通过向div添加overflow:hidden来剪裁iframe,但是它会将iframe移动到div内部,而不是隐藏它

这个问题出现在Chrome浏览器中,在Firefox中可以正常工作

#容器{
高度:200px;
宽度:300px;
位置:相对位置;
边框:黑色1px实心;
溢出:隐藏;
}
#嵌套{
位置:绝对位置;
顶部:20px;
左:350px;
宽度:100px;
高度:100px;
边框:红色1px实心;
}


溢出后缺少分号:隐藏?不,在这种情况下,缺少分号是可以的。更新了问题,以避免混淆。@nathanallen既然你已经有了解决办法,你在这里寻找的是原因而不是解决方案,对吧?肯定是个bug。翻转display:block和display:none(和display:inherit)在inspector中,我甚至可以使iframe消失,除了溢出的部分。看起来很奇怪。