IE 8和jQuery問題

Question

我有這樣的div：

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

當我執行$("myid").slideToggle("slow");上面的HTML（格「身份識別碼」是隱藏的），如果內容有超過盒稍大的高度，我的內容溢出從「框」類的底部，奇怪的是這不會發生與其他瀏覽器，但IE8

我該如何解決此問題，以便當「myid」開始顯示內容時，.box的高度調整爲自身適合內部分區。

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;。

主要問題是你想要盒子有一個最小高度，對吧？但它應該更大，以適應內部分區？你基本上必須避免在盒子上設置一個明確的高度。您可以使用min-height，但在IE中不支持。我會使用兄弟姐妹#myid具有明確的高度，以保持箱子在最低高度。例如，它可以是1px寬，但是50px高（最小高度爲50px，然後）。你需要漂浮你的內部div。

這裏有一個演示，做的是：http://www.jsfiddle.net/ZKkB3/

的主要限制是，你有間距的左邊那一點點。我可以想象，你可以用負邊距來解決這個問題。