如何使用重叠的浮动div？答案

【问题标题】：How to use overlapping floating div's?如何使用重叠的浮动div？
【发布时间】：2012-04-04 19:20:55
【问题描述】：

我正在使用 PHP、HTML 和 CSS 制作 Wordpress 主题。添加更多文本时，我的页脚会自动浮动到白色内容块下方。

现在，我想添加另一个必须与页脚和白色内容块重叠的图像。但是...我希望它在添加更多文本时向下浮动，就像页脚一样。

这是使我的问题更清楚的链接： website

因此，我希望带有纸张和铅笔的图像与 div 的页脚和白色内容块重叠。当添加更多文本时，它还需要向下浮动。

哦，我的页脚的外边缘也有问题，你可以看到有空间，但页脚的宽度必须是全屏。

-谢谢

【问题讨论】：

【解决方案1】：

由于页脚已经对齐并随着内容的变化而“浮动”，最简单的解决方案是利用这一点并将其放在页脚内。从那里您可以将其部分定位在外部，绝对定位在插图上，相对定位在页脚上。

【讨论】：

【解决方案2】：

在回答之前，我建议你做两件事：

验证您的 CSS，因为从快速概览中我发现第 25 行有一个错字min-heigt，它必须是min-height
在任何自定义 CSS 之前使用 CSS 重置。为此，请检查http://meyerweb.com/eric/tools/css/reset/ 我个人使用来自http://necolas.github.com/normalize.css/的 normalize.css

还有一件事，这是我的看法：有很多更简洁的主题可供您用来构建您的子主题。它们包括最新的现代 Web 技术、SEO 等。主题、二十二、二十一等。而且免费...

【讨论】：

感谢您的回答！没有注意到拼写错误，也谢谢你。我以前使用过 CSS 重置，但它不适用于我的自定义 WP 主题。
欢迎。你能告诉我们为什么它不起作用吗？或者你说它不起作用是什么意思？ CSS 重置应该让您从所有不同浏览器的通用基线开始。也就是主要覆盖浏览器默认值。
我知道，但是因为我正在处理 Wordpress 主题，所以它不会链接到其他文件。如果我不遵循制作 WP 主题的“规则”，我会遇到很多错误，所以我宁愿不要使用 reset.css ...（这也是我第一次制作 WP 之类的东西主题，所以我不想毁了它;))