2

我创建了一个带有固定页眉和页脚的简单 jquery 移动应用程序。它工作正常,但是内容重叠在标题上,因为内容应该显示在标题之后。这是我的标记:

<div data-role="page" data-fullscreen="true">
        <header data-role="header" data-position="fixed"> <h1>Header</h1></header>
        <div data-role="content" class="content">
            Contents
        </div>
        <footer data-role="footer" data-position="fixed">Footer</footer>
</div>

如何对齐我的内容?

4

1 回答 1

2

设置data-fullscreen="true"更适用于图片。通过设计,它意味着有点透明并且位于内容之上。

我建议你摆脱 data-fullscreen="true"。不用担心您的工具栏仍然会固定,但不会与内容重叠。将您的标记更改为:

<div data-role="page">
    <header data-role="header" data-position="fixed"> <h1>Header</h1></header>
    <div data-role="content" class="content">
        Contents
    </div>
    <footer data-role="footer" data-position="fixed"><h1>Footer</h1></footer>
</div>
于 2012-04-24T06:11:27.633 回答