窗口调整大小时修复div

Question

我有一个div，它有固定的位置，底部0显示在窗口的底部。

我的问题是当窗口调整大小时，此div会向上移动到其他元素。例如，当我在chrome中打开控制台框时，这个div跳转到facebook修复位置中的其他元素，例如朋友列表，当我打开控制台框时，元素跳转到向上但隐藏元素。

请帮我解决如何在窗口调整大小中修复div。

Answer 1

CSS Position Fixed：

  

不要为元素留出空间。相反，将它定位在   指定相对于屏幕视口的位置，不移动   滚动时打印时，将其放在固定位置上   每一页。固定定位类似于绝对定位，具有   元素的包含块是视口的例外。   这通常用于创建保持相同的浮动元素   滚动页面后即使位置也是如此。 - Mozilla MDN

换句话说，当您使用position: fixed;从文档的常规流中取出元素时。

  

如何在Window Re-size中修复div？

解决方案：无法使用CSS进行操作。您必须删除position: fixed;，因为当您将bottom: 0px与position: fixed;设置为您的元素时，浏览器或窗口的大小（垂直）是什么并不重要{1} }元素将始终显示在视口屏幕底部的0px。

Answer 2

你可以使用 position: fixed 或

`position:absolute`