在IE 7中溢出的问题

我需要在IE浏览器中使用CSS溢出的一些帮助，即IE 7。我希望隐藏嵌套的div内容。在IE 7中溢出的问题

<div style="width:100px; height:100px; overflow:hidden; border:1px dashed red;"> 
    <div style="width:60px; left:80px; position:relative;">hidden stuff goes here</div> 
</div>

它在FF中正常工作，但在IE 7中，溢出内容不隐藏。

来源

2010-03-24 Spencer Carnage

什么时候应该内容隐藏尽管？你的内部盒子没有溢出盒子那样宽：隐藏，所以你会看到溢出，直到100px在IE中。将溢出：隐藏到内部框，如果这是你想要应用的地方。 – Tom 2010-03-24 19:34:41

如果你想隐藏div，你可以在第二个div的样式中使用display：none。 – 2010-03-24 19:36:12

将display：none添加到内部div，它将被隐藏。我认为你错误理解使用溢出：隐藏虽然...

<div style="width:100px; height:100px; overflow:hidden; border:1px dashed red;"> 
     <div style="width:60px; left:80px; position:relative; display:none;">hidden stuff goes here</div> 
    </div>

来源

2010-03-24 19:49:32 TGuimond

你对我误解溢出的使用是很正确的：隐藏的，因为我还是新手。这是一个可滚动的jQuery小部件的一部分，IE的CSS让我感到困惑。然而，我删除了位置：相对和使用边缘左而不是左边，我得到了我需要的结果。感谢您的帮助！ – 2010-03-24 21:43:06

在IE 7中溢出的问题

回答

相关问题