jQuery Mobile：右侧的绝对外部面板不起作用

Question

我想使用一个外部标题和两个外部面板，一个在左侧，一个在右侧。问题：面板应始终在大屏幕上可见。

我在使用外部标题定位面板时遇到了一些问题（内部工作正常），我可以在使用时解决左侧面板的问题

position: absolute;
left: 0;
top: 4em;

但是，这不适用于右侧面板，使用

position: absolute;
right: 0;
top: 4em;

只需将其放在左侧面板上方即可。

你可以在这个 jsFiddle 上看到这个：https://jsfiddle.net/9eb4mekr/

当我改用position: relative; float: right; 时，右侧面板将在右侧，但在所有其他面板下方（在 jsFiddle 中尝试）。

对于始终可见（大屏幕）的外部面板的正确定位有什么想法吗？加上一个外部标题？

Answer 1

我发现了问题。好吧，不是真正的问题，但至少是解决方案，感谢Tasos Anastasiou：将标题位置设置为fixed，例如在标题 div 中使用data-position="fixed" 将使relative 定位在两个面板上再次起作用:)

这是一个更新的、工作的 jsFiddle：https://jsfiddle.net/vhkmok8o/