makepp的网站有一个简单的 3 窗格布局，带有标题和窄导航，通常向左浮动（但可以通过单击其第一个 <li> 中的 ↔ 按钮向右浮动，或用 × 隐藏以适应窄屏幕）：
+------------------------------+
+ div id="_head" |
+ width: 100% |
+-------------+----------------+
+ ul | div id="_main" |
+ width: 10em | width: auto |
+-------------+----------------+
+ clear: both |
+------------------------------+
这个页面验证（除了一些玩 schema.org 的人）。除 iPhone/Pad 外，所有浏览器都能正确显示。在那里，我在右边看到很小的文字和一个无用的白色带（可能和 ul 一样宽？？？）。
现在我发现有几个人被这个 iPhone 错误绊倒了，使用 min-width 100% 之类的解决方案，这似乎不起作用，或者一些特定于苹果的元标题，这很怪诞——就像设计网络一样荒谬IE6...
在一家 Apple 商店中，我发现 MacOS 上的 safari 也存在这种情况，但可以很好地将白色条带放在窗外——你必须横向滚动才能看到它。我设法下载了萤火虫，但不知何故它不知道这个白色区域，它似乎不属于任何 DOM 部分。
从那以后，我也发现 Android 也是如此：如果我向右滚动，我会得到这个空白区域。而且（只是现在？）Chromium 20 也是如此。这意味着我可以在本地进行调试，因此我在我的草图中的 4 个元素中的每一个上都设置了一个红色背景：没有一个伸入白色带。
但是，如果我添加html{background-color:red;width:100%;min-width:100%;max-width:100%;}了那个，则条带为红色，宽度将被忽略。
那么，让这个页面无处不在的干净解决方案是什么？