底部的剑道ui移动位置元素

Question

我正在尝试使用 kendo ui mobile 在我的移动页面底部放置一个元素。我在底部有一个标签条，我不希望它成为页脚样式，所以不幸的是 data-role="footer" 不会削减它。我试过设置 style="bottom:-1em;"但这不起作用，它将 div 放置在 -1em 之前的位置。

Answer 1

要使底部样式起作用，您应该使用位置：固定或绝对。固定位置应该根据视口定位它，而不考虑元素的容器。然而 position: fixed 在移动平台上相当有问题。

另一方面，Position: absolute 将根据其定位的容器定位您的元素，因此为了使用它，您可以将元素放在页脚中。绝对位置将从页面流中删除元素，因此它不会影响您在那里的 TabStrip 的定位。页脚没有溢出：隐藏，因此可以根据需要将元素定位在其外部和内容上方。