无论身体的位置如何,如何在页面底部附加一个空div

时间:2012-03-20 05:38:29

标签: css position positioning

我有一个应用程序是一种工具栏,它将出现在屏幕底部,具有固定的定位。但是当我一直向下滚动页面时,工具栏会隐藏页面页脚的一些链接。现在我可以隐藏那个栏,但是我希望即使没有隐藏也不会隐藏任何客户页面的链接应隐藏在工具栏后面。

因此,我想在页面底部附加透明div。我把它贴在身体标签上方。我知道它可能会弄乱客户的页面,但只是想尝试一下。我用这种风格附上它 style='width:100%; height:190px;'。这样可以正常工作,但如果我给身体绝对定位,它就会搞得一团糟。

所以我想知道是否有办法将div附加到页面底部,而不管主容器的位置如何。这是否只能使用css或javascript实现?

1 个答案:

答案 0 :(得分:0)

您可以将bottom属性设置为0px。 对div使用以下样式。

<div style="position: absolute; bottom: 0px; height: 120px; width: 300px;background-color: blue">