我无法删除内容后出现的空白区域,我的Jquery代码太长了,但我确实设法用较少的代码重现问题:http://jsfiddle.net/uQC9U/。
我试过这个:solution for extra space in div element和JQuery mobile bottom space。
<html>
<head>
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head>
<BODY>
<div data-role="page" id="homepage" >
<div>
<form method='post' id='registerform' action='index.php'>
<label class='error' id='registererrorA' > </label>
<button type='Submit' id='registerbttn' name='registerbttn' data-theme='c'>Register</button>
</form>
</div>
</div>
</BODY>
</html>
我玩过以下代码:
- html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}
- div { margin:0; padding:0; }
- #page {
text-align: center;
border-bottom: solid 1px #FFC;
height: auto;
padding: 0;
bottom: 0; }
P.S。原谅我的英文
我不允许在我的帖子中发布解决方案,但我找到了解决方案: 我改变了这个:
<button type='Submit' id='registerbttn' name='registerbttn' data-theme='c'>Register</button>
进入
<input type='submit' id='registerbttn' name='registerbttn' data-theme='c' value='Register' />
并且额外的空间消失了。