css - 如何固定div的位置

Question

在我的网页中，一个分区应该位于页面左侧的固定位置。据我所知，我使用过

position:fixed;top:100px;left:20px;. 通过使用此代码，我得到了我想要的确切位置。但是当我向下滚动页面时，该部门位于同一位置并且在该部门的顶部，我得到了 100px 的空间，因为我已经放弃了top:100px。但我不想要那个空间。请帮我。

提前致谢， Sree 公羊

Answer 1

如果您的意思是您希望事物保持在确切位置，无论当前视口如何，而是与整个文档相关，那么您需要一个绝对位置，而不是固定位置：

position:absolute;
top:100px;
left:20px;

Answer 2

So as to fix the position of a div, you must apply the absolute position.

It makes the div stay in the particular position no matter what.

The code shall be:

position : absolute;
top : 100px;
left : 20px;

Good Luck! :)

Answer 3

您可以从CSS POSITIONS REFERENCE更好地了解各种 CSS 位置

现在请尝试进行以下更改

position : absolute;
top : 100px;
left : 20px;