Jquery 切换CSS自动展开高度 我想在这个页面中间有一个盒子，我有两个街区，一个在左边，在右边，我用“浮动”选项对齐每一个边缘，但是我不能通过扩展显示/隐藏面板获得实际高度（或自动高度）。 如果我删除float选项，它可以正常工作，但我确实需要float，并且还需要将框集中。 如果有人能帮忙？非常感谢

这就是我所做的

标记

<div id="box">
 <div class="selection">Some selection</div>
 <div class="open">Click ME</div>
 <div class="showpanel">This is content</div>
</div>

​ JS

#box{
    border:2px solid #000;
    width:450px;
    min-height:300px;
    padding:10px 0;
    margin:0 auto;

}
.open {
    width:350px;
    height:50px;
    background:blue;
    margin:5px auto 0px auto;
    color:#fff;
    text-align:right;
    float:right;
}
.showpanel{
    width:350px;
    height:300px;
    margin:0 auto 10px auto;
    background:red;
    display:none;
    float:right;
}

.selection{
background:green;
width:100px;
height:140px;
float:left;

}

$('.open').click(function() {

    $('.showpanel').slideToggle('slow');


});​

​

---

要在滑动切换浮动子级时根据需要扩展外部div，应在外部div（

#box

）中添加

溢出：隐藏

）

---

检查演示：

在滑动切换浮动子对象时，根据需要扩展外部div，将

溢出：隐藏的
添加到外部div（
#框
）即可

检查演示：
您需要清除
浮动

<div id="box">
 <div class="selection">Some selection</div>
 <div class="open">Click ME</div>
 <div class="showpanel">This is content</div>
</div>

您需要清除
浮动

<div id="box">
 <div class="selection">Some selection</div>
 <div class="open">Click ME</div>
 <div class="showpanel">This is content</div>
</div>

始终将相关代码与fiddle演示一起包含始终将相关代码与fiddle演示一起包含