Javascript div的灵活高度？

我有一个容器div，它的高度需要灵活，因为当用户单击按钮时，div内的内容可能会发生变化

<div id="container">
        <div id="divBuyNow">
            <button id="btnBuyNow">
                Buy Now</button>
        </div>
</div>

$("#btnBuyNow").click(function () {

                $("#divBuyNow").animate({
                    opacity: 0,
                    marginRight: '200px'
                }, 1000, function () {
                    $("#divBuyNow").hide();
                });


                $("#platformsContainer").animate({
                    opacity: 1,
                    marginRight: '170px'
                }, 2000);
            });

立即购买
$（“#btnBuyNow”）。单击（函数（）{
$（“#divBuyNow”）。设置动画({
不透明度：0，
marginRight:“200px”
}，1000，函数（）{
$（“#divBuyNow”）.hide（）；
});
$（“#平台容器”）。设置动画({
不透明度：1，
marginRight:'170px'
}, 2000);
});

如果你不把样式弄乱，也不为那个div设置高度，它将是灵活的；-）（从我上面看到的代码来看，您的按钮似乎一直在那里，您只是在隐藏它…

默认情况下，div标记的高度和宽度都是灵活的（它会根据放置在其中的内容自行调整）。只要不显式设置高度和宽度css属性，就可以了。

---

注意：如果是嵌套div，请确保不要设置内部div的height和width属性。如果这样做，外部div将变得不灵活，即它将具有子div的尺寸。

我理解的是，您希望根据内容将

platformContainer

动画设置为height。如果是，请将

overflow:hidden

设置为container，并使用

opacity:0

将容器内的内容修改为innerDiv。要显示时，请获取innerDiv的高度，并将容器div动画设置为高度+边距和其他偏移。

从一开始它就应该是灵活的，除非您为其指定了固定高度/它包含浮动元素。