html - 具有可变长度主要部分的页面的页脚

标签 html css

我网站上主要文章的内容会随着 AJAX 动态变化。我想在网站上添加一个页脚,但因为我无法设置静态高度,所以页脚始终出现在与文章相同的位置(就好像文章在 DOM 中根本不占用任何空间一样)。

我想最简单的方法是直观地显示发生了什么:my site here

如果您在页面加载时查看页脚,您会发现它卡在了文章后面。

最佳答案

为#mainSection .mainArticle 删除这一行:

position: absolute; 

绝对定位会使您的文章脱离流程,删除此行将使其定位静态,这将使这些元素按预期相互重叠。

关于html - 具有可变长度主要部分的页面的页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24130974/

相关文章:

macos - Mac OSX HTML5&CSS3 文本编辑器

html - IE11 : Text of input field slips below the bottom border

html - 如何制作右列在容器外部的两列布局?

python - 使用python调整excel单元格的宽度

css - 模糊具有锐利边缘的背景图像并清洁其上的相同图像。

css - 试图居中 UL

html - 之前和之后的 Css 形状

css - 使用 CSS 移动元素

javascript - 多模态,无法关闭?

php - 使 PHP 将 css 规则应用于内容。 (WordPress 插件)