HTML / CSS定位问题

时间:2011-08-11 09:16:13

标签: html css positioning relative absolute

我有一个用.png图像制作的图形表示和-moz-border css trick (div id=gholder)我希望图形定位在图片显示的位置,我用css位置做到了:绝对/相对标签,但我有使用两个标签的问题。当我使用这个css代码时

#gholder {
    float: left;
    bottom: 460px;
    left: 60%;
    position: relative;
}

网站显示页脚下方有一个很大的空间,有没有办法在使用相关代码时删除那个大空间?

1 个答案:

答案 0 :(得分:0)

相对定位总是留下元素原来的空间。如果你使用绝对值,它应该可以正常工作。

`#gholder { bottom: 460px; left: 60%; position: absolute;}`

您也不需要浮动标记。

如果问题是您希望主内容div行延伸到两个div的宽度,我会创建一个包含内容和图形的div,并将其设置为定义的宽度并具有顶部和底线。

然后在div中定义内容div的宽度并定位它,然后对图形div执行相同操作。

认为这是有道理的。