Html 如果窗口溢出，如何使用“position:fixed”进行div以远离屏幕？

我有两个div，如下图所示。div2的位置是固定的，因此无论它有多小，它都会固定在屏幕的右侧。如果屏幕很小，那么div2开始与div1重叠，这是我不想要的。我知道造成这个问题的原因是，两个div的左、右位置都是百分比，但它们只能保持百分比。我可以使用Javascript解决这个问题，但我正在考虑为禁用Javascript的用户提供一个纯CSS解决方案

+---------+ +---------+
|         | |         |
|         | |         |
|   #1    | |    #2   |
|         | |         |
|         | |         |
+---------+ +---------+

如果屏幕很小，会发生什么情况：

+------ +---------+
|       |         |
|       |         |
|   #1  |    #2   |
|       |         |
|       |         |
+------ +---------+
-------scrollbar---

在滚动条结束的地方，屏幕结束时会发生什么情况：

+---------+ +------
|         | |      
|         | |      
|   #1    | |    #2
|         | |      
|         | |      
+---------+ +------
------scrollbar----

---

如果你不想使用浮动。尝试改用right:可以为2 div指定left:值

如果你不想使用float。尝试改用right:可以为2 div指定left:值

使用保证金而不是头寸：固定来定位您的div 2。

使用保证金而不是头寸：固定来定位您的div 2。

当您使用百分比作为单位时，为什么使用头寸：固定？为什么不让div浮动？为什么不让它们以最小宽度相对浮动？div 2应该是固定的位置，所以当用户向下滚动时它可以粘在页面上。@ChrisFrancis解决了这个问题：D非常感谢！当您使用百分比作为单位时，为什么使用位置：固定？为什么不让div浮动？为什么不让它们以最小宽度相对浮动？div 2应该是固定的位置，所以当用户向下滚动时它可以粘在页面上。@ChrisFrancis解决了这个问题：D非常感谢！如果警察想把他的div修好？i、 你向下滚动，如果OP希望他的div被修复？i、 你向下滚动