jQuery 移动设备：右侧的绝对外部面板无法正常工作
jQuery Mobile: absolute external panel on right side not working
我想使用一个外部 header 和两个外部面板，一个在左边，一个在右边。要点：面板在大屏幕上应该始终可见。
我在使用外部 header 定位面板时遇到了一些问题（内部工作正常），我可以在使用
时解决左侧面板的问题
position: absolute;
left: 0;
top: 4em;
但是，这不适用于右侧面板，使用
position: absolute;
right: 0;
top: 4em;
只需将其放在左侧面板上方即可。
你可以在这个 jsFiddle 上看到这个：https://jsfiddle.net/9eb4mekr/
当我改用 position: relative; float: right; 时，右侧面板将位于右侧但低于所有其他面板（在 jsFiddle 中尝试）。
关于始终可见（大屏幕）时外部面板的正确定位有什么想法吗？加上一个外部 header?
我发现了问题。好吧，这不是真正的问题，但至少是解决方案，感谢 Tasos Anastasiou：将 header 位置设置为 fixed，例如在 header div 中使用 data-position="fixed" 将使 relative 定位在 both 面板上再次工作:)
这是一个更新后的工作 jsFiddle：https://jsfiddle.net/vhkmok8o/
我想使用一个外部 header 和两个外部面板，一个在左边，一个在右边。要点：面板在大屏幕上应该始终可见。
我在使用外部 header 定位面板时遇到了一些问题（内部工作正常），我可以在使用
时解决左侧面板的问题position: absolute;
left: 0;
top: 4em;
但是，这不适用于右侧面板，使用
position: absolute;
right: 0;
top: 4em;
只需将其放在左侧面板上方即可。
你可以在这个 jsFiddle 上看到这个：https://jsfiddle.net/9eb4mekr/
当我改用 position: relative; float: right; 时，右侧面板将位于右侧但低于所有其他面板（在 jsFiddle 中尝试）。
关于始终可见（大屏幕）时外部面板的正确定位有什么想法吗？加上一个外部 header?
我发现了问题。好吧，这不是真正的问题，但至少是解决方案，感谢 Tasos Anastasiou：将 header 位置设置为 fixed，例如在 header div 中使用 data-position="fixed" 将使 relative 定位在 both 面板上再次工作:)
这是一个更新后的工作 jsFiddle：https://jsfiddle.net/vhkmok8o/