Jquery 加载内容而不刷新页面后html元素出现问题

我有一个动态加载信息的页面。内容会加载，但问题是保存内容的div（content\u容器）会导致页面大小增加（这是预期的），但会导致页脚、页眉和content\u type\u容器无法修复。我想它，如果html元素调整后的内容加载

以下是html：

<div id="content_container">

            </div>      

            <div id="content_type_container" style="display:none;">
                <div  class="content_type">
                    Content Type 1
                    <input type="hidden" value="1" class="content_type_value"/>
                </div>
                <div  class="content_type">
                    Content Type 2
                    <input type="hidden" value="2" class="content_type_value"/>
                </div>


            </div>

和css：

#content_container{
    display:block;


}

#content_type_container{
    position:fixed;
    display:block;
    bottom:0px;
    width:100%;
    z-index:1000;

}



.content_type{
    display:block;
    width:100%;
    text-align:center;

}


.content_type:hover{
    background:blue;
    color:white;

}

---

如果您将重要设置为css元素，那么它应该按照您的需要工作

#content_type_container{
    position:fixed !important;
    display:block;
    bottom:0px;
    width:100%;
    z-index:1000;
}

---

如果您将重要设置为css元素，那么它应该按照您的需要工作

#content_type_container{
    position:fixed !important;
    display:block;
    bottom:0px;
    width:100%;
    z-index:1000;
}

---

请尝试位置：相对；而不是固定的

---

为#content_type_容器指定固定高度和溢出，如果您使用滚动条查找固定高度

请尝试位置：relative；而不是固定的

---

如果您使用滚动条查找固定高度，请为#content_type_容器指定固定高度和溢出

我编辑了问题并提供了答案。所以这个问题有答案。我编辑了这个问题并提供了答案。所以这个问题有答案。