css - 添加 ajax 元素后，定位的 div 元素不会流动/更新

Question

我在页面底部有一个包含在 php 中的页脚元素：

<footer>
    <h5>Title</h5>
    <h6>&copy Copyright 2012</h6>
</footer>

footer{
    width:100%;
    height:40px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    background-color:#EEE;
    text-align:center;
    position:absolute;
    bottom:0;
}

这可以按预期将页脚与底部对齐。问题在于页面主要部分中的数据是通过 AJAX 调用加载的，而页脚只是保持在添加 ajax 元素之前的位置。movieBox 元素默认为空，并在返回 ajax 调用时填充多个 div。

<div id="movieBox"></div>
<br style="clear:both"/>

有没有唯一的CSS方法来解决这个问题？还有什么方法吗？谢谢你的帮助。

Answer 1

您绝对定位页脚，这意味着无论通过 AJAX 加载什么内容，它都将保持在同一个位置。您需要更改布局，以便不依赖位置：绝对。