Question

我有一个容器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);
            });

Answer 1

如果你没有搞乱样式的东西而且你没有为那个div设置高度，那么它将是灵活的;-)（从我看到的代码看起来你的按钮似乎一直存在而你只是隐藏它。 ..）

Answer 2

默认情况下，div标签的高度和宽度都是灵活的（它会根据放置在其中的内容进行调整）。只要不明确设置高度和宽度css属性，就应该没问题。
只需注意：如果是嵌套div，请确保不要设置内部div的height和width属性。如果这样做，外部div变得不灵活，即它将具有子div的尺寸。

Answer 3

据我所知，您希望根据内容将platformContainer设置为高度。如果是，请将overflow:hidden设置为容器，并使用opacity:0将内容修改为容器内的innerDiv。当你想要显示时，获取innerDiv的高度和动画容器div为高度+边距和其他偏移。

div的灵活高度？

3 个答案: