我把画布放在了 content里面但是图片显示位置错位 图片上边还被<!-- /header -->遮住了该怎么解决呢？做的IOS 手机里面
<body>
<div data-role="page">
<div data-role="header" data-position="fixed" data-tap-toggle="false">
<h1>Page Title</h1>
</div><!-- /header -->
<div role="main" class="ui-content"style=" margin-bottom: 50px;" >
<!-- 外层画布 -->
<div id="canvas"></div>
</div><!-- /content -->
<div data-role="footer" data-position="fixed" role="contentinfo" data-tap-toggle="false" class="ui-footer ui-bar-inherit ui-footer-fixed">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
</body>
