我有两个 div，如下图所示。div #2 的位置是固定的，所以不管它有多小，它都会贴在屏幕的右侧。如果屏幕很小，那么 div #2 开始与 div #1 重叠，这是我不想要的。我知道这个问题是因为两个 div 的左右位置都是百分比，但它们必须只保持百分比。我可以使用 Javascript 解决这个问题，但我正在为可能禁用 Javascript 的用户考虑一个纯 CSS 解决方案。
+---------+ +---------+
| | | |
| | | |
| #1 | | #2 |
| | | |
| | | |
+---------+ +---------+
如果屏幕很小会发生什么：
+------ +---------+
| | |
| | |
| #1 | #2 |
| | |
| | |
+------ +---------+
-------scrollbar---
应该发生什么（屏幕在滚动条结束的地方结束）：
+---------+ +------
| | |
| | |
| #1 | | #2
| | |
| | |
+---------+ +------
------scrollbar----