我只是想在页脚中添加一个图像和文本,但是当我这样做时,我在页面底部得到一个白色空间,我不知道如何摆脱它。见http://125.214.65.211:90/specials.php
在页面底部,我添加了“礼券”图片和“街边停车”文字。 但这会在粉红色的页脚下方产生白色间隙,如何消除白色间隙。
我继承了网站,所以不想更改所有现有的表结构。我只想要一些CSS应用于现有的HTML。
我尝试设置父级的高度并且溢出:隐藏但是没有帮助。
答案 0 :(得分:1)
这种行为是逻辑。使用position:relative
移动元素从其初始位置但是它仍然占用初始位置的空间,结果是白色间隙。解决方案是删除图像和跨度的相对位置,并为表.footer
使用浮点数,img
使用浮点数,float:right
使用span
。对于.footer
,设置宽度类似300px
,span
宽度设置为200px
。另外,因为您有两个.footer
删除第一个为空的margin
。然后,当元素占据其位置时,您可以使用position:relative
将它们推送到正确的位置,或{{1}}。
PS:对于下一个网站,尽量避免使用表格进行布局。有关更多信息,请访问stackoverflow问题Why not use tables for layout in HTML?
答案 1 :(得分:1)
尝试为最后添加valign = top并删除图像,停车文本等的填充。
可以工作,还有一个类'footer2_td',如果不一定需要删除它..