2017-08-31 54 views
0

我有一个页脚用下面的代码:麻烦,用于开发Web应用程序

<div style="background-color: #d5d7e9; position: fixed; height: 50px; padding: 10px; right: 0; bottom: 0; left: 0;">` 

我包括这从另一个JSP文件中我的主页,并滚动时重叠的内容。例如,当我有一张桌子时,由于这个页脚,我没有看到它的最后一行。

+0

哪里是代码? :) –

+0

对不起,我编辑了这篇文章。 –

+0

在您的css中添加body {padding-bottom:50px;} – veera

回答

0

如果有,例如,上述元素(div),那么你可以指定一个风格吧...

<div style = 'padding-bottom: 10px'></div> 
<div style="background-color: #d5d7e9; position: fixed; height: 50px; padding: 10px; right: 0; bottom: 0; left: 0; magin-bottom: 50"></div> 
+0

如果我有更大的内容,页脚留在我的网页中间在我的内容中,我尝试了你的建议,但它仍然是一样的 –

+0

在你的页脚之前有一个元素,插入样式 –

0

页脚已固定位置,相对于定位到浏览器窗口,重叠其上的任何元素。 我会修改自己的立场:

position: static 

页脚将停留在任何静态/相对含量,你会向它提出,它会呆在那里regardles任何内容DIMENSIONE以上。

example

OR

position: absolute 

可以实现这种行为也与“位置是:绝对”,但页脚容器必须有“位置:相对”,你有上述内容的灵活性较差。

example