聚合物纸 - 工具栏无法正常工作

时间:2017-02-16 01:46:37

标签: html polymer

我有以下HTML代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello</title>
    <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
    <link href="bower_components/polymer/polymer.html" rel="import">
    <link rel="import" href="bower_components/paper-toolbar/paper-toolbar.html">
</head>
<body>
    <paper-toolbar>
        <div class="title">Hello</div>
    </paper-toolbar>
</body>
</html>

页面在工具栏和边距之间有一个白色间隙。

Output

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

您的问题是由margin: 8px标记上的固有<body>引起的。要解决此问题,您只需在CSS中自己指定一个边距:

body {
    margin: 0;
}

希望这有帮助!