開發Web應用程序時遇到問題

Question

我的頁腳帶有以下代碼：

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

我將此內容包含在另一個jsp文件的主頁中，並且在滾動時與內容重疊。 例如，當我有一張桌子時，由於此頁腳，所以看不到它的最后幾行。

Answer 1

例如，如果在（ 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>

Answer 2

頁腳具有固定的位置，因此相對於瀏覽器窗口定位，與之重疊。 我將編輯其位置：

position: static

您的頁腳將停留在您放置在其之前的任何靜態/相對內容之下，並且將停留在上面的任何內容維度之上。

例

要么

position: absolute

您也可以使用“位置：絕對”來實現此行為，但是頁腳容器必須具有“位置：相對”，並且您對上述內容的靈活性較低。

例