Đây là what I've created .我正在设置 class='handHeld'ĐẾN 在 iPad 中，基于它optionsWrapper 和#container 应该使用我在 jsfiddle.net 底部定义的 CSS 类来切换位置。

.handHeld div.optionsWrapper { ... }
.handHeld div#container { ... } 

Như thế này:

如何仅使用 CSS 实现？请注意，前 3 行(绿色、灰色和蓝色)可能不总是在场所以我不能静态地捕获他们的高度来定位div.optionsWrapper ?

câu trả lời hay nhất

bởi vì optionsWrapper Đúng thùng chứa 的子项，因此您无法通过 CSS 执行此操作。您必须将两个 div 并排作为开始。然后，两个 div 之一必须具有绝对高度(以像素为单位)。最后但同样重要的是，它们父级的 chức vụ 样式必须是 relative。拥有父亲戚，在 optionsWrapper 上设置 absolute left/top:0 应该将它放在容器的左上角。

此处通过内联样式最简单地说明:

没有'handheld'，你的标准样式(但有选项'outside')

   
 stretching? lots of contents 

   
 left right 

当 body 有 'handheld' 类时:

   


          style="margin-top: 50px; z-index:9;">

         stretching? lots of contents
   

   


          style="position:absolute; top:0; left:0; z-index:99;">

      left right