如何使用重叠浮动div?

时间:2012-03-20 10:20:01

标签: html css wordpress footer

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

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

这是让我的问题清楚的链接: website

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

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

-Thanks

2 个答案:

答案 0 :(得分:2)

由于内容在内容发生变化时已经对齐并“浮动”,因此最简单的解决方案是利用此功能并将其放在页脚内。从那里你可以将它部分放在外面,在插图上有绝对位置,在页脚上有相对位置。

以下是概念验证:http://jsfiddle.net/eliland/Qp76P/

答案 1 :(得分:2)

在进入答案之前,我建议你做两件事:

  1. 验证您的CSS,因为从非常快速的概述我发现第25行min-heigt的拼写错误必须是min-height

  2. 在任何CSS之前使用CSS重置。为此,请检查http://meyerweb.com/eric/tools/css/reset/ 我个人使用http://necolas.github.com/normalize.css/

  3. 中的normalize.css

    还有一件事,这是我的观点:有很多更干净的主题,你可以用来建立你的孩子主题。它们包括最新的现代Web技术,SEO等。专题,二十,二十,等等,免费......