調整窗口大小時修復div

Question

我有一個具有固定位置的div，底部0顯示在窗口的底部。

我的問題是調整窗口大小時，此div會向上移動並移至其他元素中。 例如，當我在Chrome中打開控制台框時，此div會跳至Facebook固定位置的其他元素，例如朋友列表，而當我打開控制台框時，該元素會跳至上層但隱藏了上層元素。

請幫助我如何在窗口調整大小中修復div。

Answer 1

修正了CSS位置：

不要為元素留出空間。 而是將其放置在相對於屏幕視口的指定位置，並且在滾動時不會移動。 打印時，將其放置在每頁上的該固定位置上。 固定定位類似於絕對定位，只是元素的包含塊是視口。 這通常用於創建即使在滾動頁面后仍保持在相同位置的浮動元素。 -由Mozilla MDN

換句話說，當您使用position: fixed; 這會使元素脫離文檔的常規流程。

如何在“窗口調整大小”中修復div？

解決方案：無法使用CSS來實現此目的。 您必須刪除position: fixed; 因為當您設置bottom: 0px和position: fixed; 元素的大小，則瀏覽器或窗口的大小（垂直）無關緊要，因為position: fixed; 元素將始終顯示在視口屏幕底部的0px處。

Answer 2

您可以使用position: fixed或

`position:absolute`