调整窗口大小时修复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`