2017-02-16 5 views
0

私は以下の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

どのように私はこの問題を解決するのですか?

答えて

2

<body>タグに固有のmargin: 8pxが原因で問題が発生しています。これを修正するには、CSSで余白を指定するだけで済みます。

body { 
    margin: 0; 
} 

希望します。

+0

このハハを完全に忘れました。ありがとう! –

関連する問題