2012-03-20 89 views
0

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

现在,我想补充一点,有重叠页脚,也是白色的内容块的其他的图像。 但是...我希望它可以在添加更多文本时浮动下来,就像页脚一样。

下面就来让我的问题明确链接: website

所以,我想用文件和铅笔的图像重叠两个div的页脚和白色的内容块。当添加更多文本时,它也需要向下浮动。

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

-Thanks

回答

2

由于页脚已对齐和“花车”为内容的变化,最简单的解决办法是利用这一点,把它放在页脚中。从那里你可以将其部分定位在外部,并且在页面上的绝对定位和页脚上的相对定位。

这里有一个概念证明:http://jsfiddle.net/eliland/Qp76P/

+0

谢谢!这样可行! – kim 2012-03-20 11:08:44

2

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

  1. 验证你的CSS,因为从一个非常快的概述我发现一个错字在第25行min-heigt必须是min-height

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

一两件事,这是我的意见:有大量的清洁主题在那里,你可以用它来建立你的子主题。它们包括最新的现代Web技术,SEO等。专题,二十二,二十几等,并免费...

+0

感谢您的回答!没有注意到拼写错误,也非常感谢。我之前使用过CSS重置,但它并不适用于我的自定义WP主题。 – kim 2012-03-20 11:07:41

+0

欢迎。你能告诉我们为什么它不起作用吗?或者你的意思是不工作? CSS重置应该从所有不同浏览器的通用基线开始。这主要是为了覆盖浏览器的默认值。 – ziad 2012-03-20 11:11:15

+0

我知道,但因为我在Wordpress主题上工作,所以不会链接到其他文件上。如果我不遵循制作WP主题的“规则”,我会得到很多错误,所以我更喜欢不使用reset.css ...(这也是我第一次将WP做成WP主题,所以我不想毁了它))) – kim 2012-03-20 11:23:10