由于图像相对定位,不需要的空白区域

时间:2011-03-14 11:13:11

标签: html css

我只是想在页脚中添加一个图像和文本,但是当我这样做时,我在页面底部得到一个白色空间,我不知道如何摆脱它。见http://125.214.65.211:90/specials.php

在页面底部,我添加了“礼券”图片和“街边停车”文字。 但这会在粉红色的页脚下方产生白色间隙,如何消除白色间隙。

我继承了网站,所以不想更改所有现有的表结构。我只想要一些CSS应用于现有的HTML。

我尝试设置父级的高度并且溢出:隐藏但是没有帮助。

2 个答案:

答案 0 :(得分:1)

这种行为是逻辑。使用position:relative移动元素从其初始位置但是它仍然占用初始位置的空间,结果是白色间隙。解决方案是删除图像和跨度的相对位置,并为表.footer使用浮点数,img使用浮点数,float:right使用span。对于.footer,设置宽度类似300pxspan宽度设置为200px。另外,因为您有两个.footer删除第一个为空的margin。然后,当元素占据其位置时,您可以使用position:relative将它们推送到正确的位置,或{{1}}。

PS:对于下一个网站,尽量避免使用表格进行布局。有关更多信息,请访问stackoverflow问题Why not use tables for layout in HTML?

答案 1 :(得分:1)

尝试为最后添加valign = top并删除图像,停车文本等的填充。

可以工作,还有一个类'footer2_td',如果不一定需要删除它..