html - 如何使用重叠的 float div?

原文 标签 html css wordpress footer

我正在用 PHP、HTML 和 CSS 制作一个 Wordpress 主题。
添加更多文本时,我的页脚会自动 float 到白色内容 block 下方。

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

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

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

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

-谢谢

最佳答案

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

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

关于html - 如何使用重叠的 float div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9784872/

相关文章:

javascript - 尝试加载一些数据

javascript - 如何包装第一个元素,然后包装每个n?

html - Twitter Bootstrap 行嵌套

javascript - 我要输入什么元素?

css - 当我在手机/平板电脑上看到我在 CSS 上编写的媒体查询时,如何才能在我的 Wordpress 网站上工作?

php - 如何在 Wordpress 中设置 cookie

html - CSS:<div>具有 flex 的边缘和居中的文本(水平和垂直居中)

jquery - jQuery 如何影响 CSS 结构

css - Bootstrap Select 下拉菜单未垂直列出

mysql - 导入Wordpress元数据并将其转换为ACF转发器字段