Javascript 高度未设置如果div设置为绝对，则高度为0

我已经阅读了本教程来进行页面转换，但是我需要在主体内部转换一个分区，而不是转换整个页面

我的代码摘要如下：

<div class="header"></div>
<div id="main-body" class="container">

    <div class="row">
        <div id="milestone-container" class="container-fluid">
            <div class="row center-block">
                <!-- Some of the website defaults -->
            </div>
        </div>
    </div>
    <div class="row">
        <form id="store-form-parent" class="col-md-12 form-horizontal">
            <div id="store-form" class="row">
                <div class="page page-1">
                    <div class="form-1 horizontally-padded">
                        <!-- Page 1 Content -->
                    </div>
                </div>
                <div class="page page-2">
                    <div class="form-1 horizontally-padded">
                        <!-- Page 2 Content -->
                    </div>
                </div>
            </div>

            <!-- Some Modals for the page-->
            <div class="modal fade" id="capture-modal">
                <!-- modal content -->
            </div>
            <div class="modal fade" id="font-style-modal">
                <!-- modal content -->
            </div>
            <div class="modal fade" id="face-style-modal">
                <!-- Modal content -->
            </div>
        </form>
    </div>
</div>
<div class="footer"> </div>

我在代码中做了哪些更改：

在中的代码示例中，我从每个类名中删除了-pt- 链接

制作表单。存储表单父项相对、div.store-form相对和div.page绝对

我使用的是引导框架

现在的问题是：

div.page如果设置为absolute将丢失其高度（我需要将其设置为absolute以获得正确的页面转换效果）

我试过的几点：

Makediv.page{top，bottom，right，left=0}，正如我从某个地方读到的，将这些键的值设置为0，会给出绝对div的高度（因为绝对div有自己的布局上下文）

给父div，即div.store-form，一些高度确实可以解决我的问题，但是我的每个页面的内容量不同，因此大小也不同，因此我无法使用此解决方案

将div.page设置为相对也不是一个可行的解决方案

我不想使用javascript动态设置父divs的高度

我需要的是：

我认为绝对div不能在动态大小的div上用于这些类型的转换效果，因此请提供适合我的条件的页面转换示例（非常感谢），或者，有人能告诉我我的代码有什么问题吗

根据需要打开网页

我得到的网页（高度为0）

---

请清楚地说明您的问题：您看到了什么行为，以及您希望看到什么。准备一个示例（）来演示您的问题。绝对定位元素与动态大小的元素配合得很好，因此我们需要更多的内容。如果没有看到您的CSS，我们将无法提供任何建议。我确实尝试过制作一个示例，但这是一个很长的代码。。但主要问题是，当我将所有代码转换为一个示例时，absolute div的高度又回来了。我不明白问题出在哪里。我正在使用php框架动态加载页面，这会有帮助吗。或者我应该继续发布我的示例。css是用更少的代码生成的，所以我所有的css都只附加到html文件中，这使得它有5000行代码。我正在提供与我的问题相关的图像。请帮帮我！！请清楚地说明你的问题：你看到了什么行为，你期待着什么。准备一个示例（）来演示您的问题。绝对定位元素与动态大小的元素配合得很好，因此我们需要更多的内容。如果没有看到您的CSS，我们将无法提供任何建议。我确实尝试过制作一个示例，但这是一个很长的代码。。但主要问题是，当我将所有代码转换为一个示例时，absolute div的高度又回来了。我不明白问题出在哪里。我正在使用php框架动态加载页面，这会有帮助吗。或者我应该继续发布我的示例。css是用更少的代码生成的，所以我所有的css都只附加到html文件中，这使得它有5000行代码。我正在提供与我的问题相关的图像。请帮帮我！！