Question

我有这样的div：

<div class="box">
    <div id="myid" style="display:hidden;"> <p>some stuff here</p></div>
</div>

当我在上面的html上执行$("myid").slideToggle("slow");时（div“myid”被隐藏），如果内容的高度超过了框，我的内容会从“box”类的底部溢出，很奇怪这不是其他浏览器会发生，但IE8

如何解决此问题，以便当“myid”开始显示内容时，.box的高度会自行调整大小以适应内部div。

我的盒子的CSS：

.box {
    background:#fff;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
    border:1px solid #fff;
    margin-bottom:10px;
    padding:0;
    }

Answer 1

display:hidden;不是你想要的。请尝试设置display:none;。

主要问题是你希望盒子有一个最小高度，对吗？但它应该变大以适应内部div？你基本上必须避免在盒子上设置一个明确的高度。您可以使用min-height，但在IE中不支持。我会使用具有明确高度的#myid兄弟，以使盒子保持在最小高度。例如，它可以是1px宽，但是50px高（最小高度为50px，然后）。你需要漂浮你的内心div。

这是一个演示：http://www.jsfiddle.net/ZKkB3/

主要限制是左边有一点点间距。你可以用负边距修复它，我想。

IE 8和jquery问题

1 个答案: