css - 如何在 IE7 中阻止父 div 拉伸(stretch)

标签 css overflow parent-child visible stretch

<style type="text/css">

    .parent 
    {
        width            : 200px;
        height           : 50px;
        background-color : #FFFFCC;
        overflow         : visible;
    }

    .child 
    {
         width            : 255px;
         height           : 30px;
         background-color : #CCCCFF;
    }

</style>

<div class="parent">
    <div class="child">Child Content</div>
</div>

它在 firefox 中工作正常，但在 IE7 中，父 div 正在拉伸(stretch)子 div。有没有办法阻止 IE7 拉伸(stretch)父 div？对于某些设计限制，无法定位 div。

最佳答案

只需添加 <!DOCTYPE>在 HTML 的开头解决了这个问题。

如果没有声明 DOCTYPE，Internet Explorer 显然默认为“怪癖”模式!

如需进一步信息检查， CSS quirks mode

关于css - 如何在 IE7 中阻止父 div 拉伸(stretch)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6243238/