下の図のように2つのdivがあります。div＃2の位置は固定されているので、どんなに小さくても画面の右側にくっつきます。画面が小さい場合、div＃2がdiv＃1と重なり始めますが、これは望ましくありません。この問題は、両方のdivの左右の位置がパーセンテージで表示されているために発生していることを知っていますが、パーセンテージでのみ表示する必要があります。Javascriptを使用してこの問題を回避することはできますが、Javascriptを無効にしている可能性のあるユーザー向けの純粋なCSSソリューションを考えていました。
+---------+ +---------+
| | | |
| | | |
| #1 | | #2 |
| | | |
| | | |
+---------+ +---------+
画面が小さい場合はどうなりますか？
+------ +---------+
| | |
| | |
| #1 | #2 |
| | |
| | |
+------ +---------+
-------scrollbar---
何が起こるべきか（スクロールバーが終了するところで画面が終了します）：
+---------+ +------
| | |
| | |
| #1 | | #2
| | |
| | |
+---------+ +------
------scrollbar----