问题如下图,无论是设置height 100%, 或者margin , 页面顶部始终有空白。
用浏览器调式后,发现:
body和 div#app的高度相差了200,而它们之间并没有其他元素
<body style="padding: 0;">
<div id="app"></div>
于是给div#app增加一个高度:
<body style="padding: 0;">
<div id="app" style="height: 600px;"></div>
问题解决: