如何在 Firefox 和 Internet Explorer 中將頁腳放置在瀏覽器底部？

使用CSS 將頁腳定位在底部

許多開發人員在嘗試將頁腳放置在瀏覽器視窗底部時會遇到問題。儘管遵循各種技術，頁腳可能會出現在中間。這是針對 Firefox 和 Internet Explorer 的常見問題的解決方案。

CSS 代碼

以下CSS 代碼將有效地將頁腳粘貼到瀏覽器底部：

<code class="css">#Footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}</code>

說明

1. position:absolute;：從正常文件流中刪除頁腳，使其能夠定位
2. bottom: 0; ：將頁尾的下緣設為零，將其定位在視窗的底部。
3. 寬度： 100%;：確保頁腳跨越螢幕的整個寬度。

HTML 結構

確保您的HTML 結構包含

<code class="html"><form>
  ...
  <div class="Main"></div>
  <div id="Footer"></div>
</form></code>

;div>頁腳id="Footer"：

附加說明
• 設定位置：固定；頁腳可能適用於Firefox，但不適用於Internet Explorer。

可能需要調整主要內容 (class="Main") 的邊距或填充，以便為頁腳騰出空間。

透過套用這些 CSS 樣式，您應該能夠成功地將頁腳定位在 Firefox 和 Internet Explorer 中的瀏覽器視窗底部。

以上是如何在 Firefox 和 Internet Explorer 中將頁腳放置在瀏覽器底部？的詳細內容。更多資訊請關注PHP中文網其他相關文章！