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/

相关文章:

html - 首次访问时未加载自定义字体

javascript - jQuery 平滑滚动禁用窗口位置的类更改

java - Jsoup 抓取 HTML 动态内容

css - 如何使两个不同颜色的不同单词在一个 div 中变为相同颜色?

html - 如何垂直对齐字体超棒的输入复选框及其标签?

php - 如何在电子邮件模板中回显 Woocommerce 发货跟踪?

php - 第二个 if 语句的迭代太多,它列出了额外的空白项目符号

jquery - 切换页面时我的下拉菜单有一个小问题

javascript - 如何从 html 中删除数据元素

html - IE 未连接到外部 IE 特定的 CSS 文件