2
我有兩個div，如下圖所示。 div＃2的位置是固定的，所以無論它有多小，它都會粘在屏幕的右側。如果屏幕很小，那麼div＃2開始與div＃1重疊，這是我不想要的。我知道這個問題是由於兩個div的左右位置都是百分比而引起的，但它們只能保持百分比。我可以使用JavaScript來解決這個問題，但是我想爲可能禁用Javascript的用戶提供純粹的CSS解決方案。如果窗口溢出，我怎樣才能讓「位置：固定」的div保持在屏幕之外？
+---------+ +---------+
| | | |
| | | |
| #1 | | #2 |
| | | |
| | | |
+---------+ +---------+
發生了什麼事，如果屏幕小：
+------ +---------+
| | |
| | |
| #1 | #2 |
| | |
| | |
+------ +---------+
-------scrollbar---
應該發生什麼（屏幕兩端，其中滾動結束）：
+---------+ +------
| | |
| | |
| #1 | | #2
| | |
| | |
+---------+ +------
------scrollbar----
當你使用百分比作爲單位，你爲什麼使用position：fixed？你爲什麼不只浮動divs？ –
你爲什麼不把它們以最小寬度相互浮動？ –
div＃2應該是固定的位置，所以它可以堅持頁面，因爲用戶向下滾動。 –