Polymer 聚合物定位不能达到100%_Polymer

Polymer 聚合物定位不能达到100%

polymer

Polymer 聚合物定位不能达到100%,polymer,Polymer,我有以下问题我已经创建了一个新的pollymer元素，我正试图让它填满整个页面问题在于，正文无法到达整个页面：/ 这是我调用我的元素的页面： <!DOCTYPE html> <html xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"> <h:head> &

我有以下问题

我已经创建了一个新的pollymer元素，我正试图让它填满整个页面

问题在于，正文无法到达整个页面：/

这是我调用我的元素的页面：

<!DOCTYPE html>
<html xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
    <META http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <META name="viewport" content="width=device-width, initial-scale=1.0" />
    <h:outputStylesheet library="css" name="style.css" />
    <script src="bower_components/webcomponentsjs/webcomponents.js" />
    <link rel="import" href="bower_components/polymer/polymer.html" />
    <link rel="import" href="my_polymer_elements/top_bar.html" />
    <link rel="import" href="my_polymer_elements/left_bar.html" />

    <title>Patrimônio</title>
</h:head>
<h:body>
    <!-- <my-top_bar userName="Thiago Kairala" profile="Administrador geral"></my-top_bar>-->
        <my-left_bar />
</h:body>
</html>

<link rel="import" href="../bower_components/polymer/polymer.html" />
<link rel="import" href="menu.html" />

<polymer-element name="my-left_bar" attributes="systems departments">

 <template>
    <style>    
      :host {
        position: relative;
        display:block;
        height: 100%;
  }
  .left-bar {
    width: 15%;
    height: 100%;
    background-color: #ffcc29;
    border: 0;
    margin: 0;
  }
</style>

<div class="left-bar" start>
    <div class="menus">
        <my-menu />
        <my-menu />
    </div>
</div>

</template>



 <script>
     Polymer({
       });

    </script>

    </polymer-element>

以下是我的要点：

<!DOCTYPE html>
<html xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
    <META http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <META name="viewport" content="width=device-width, initial-scale=1.0" />
    <h:outputStylesheet library="css" name="style.css" />
    <script src="bower_components/webcomponentsjs/webcomponents.js" />
    <link rel="import" href="bower_components/polymer/polymer.html" />
    <link rel="import" href="my_polymer_elements/top_bar.html" />
    <link rel="import" href="my_polymer_elements/left_bar.html" />

    <title>Patrimônio</title>
</h:head>
<h:body>
    <!-- <my-top_bar userName="Thiago Kairala" profile="Administrador geral"></my-top_bar>-->
        <my-left_bar />
</h:body>
</html>

<link rel="import" href="../bower_components/polymer/polymer.html" />
<link rel="import" href="menu.html" />

<polymer-element name="my-left_bar" attributes="systems departments">

 <template>
    <style>    
      :host {
        position: relative;
        display:block;
        height: 100%;
  }
  .left-bar {
    width: 15%;
    height: 100%;
    background-color: #ffcc29;
    border: 0;
    margin: 0;
  }
</style>

<div class="left-bar" start>
    <div class="menus">
        <my-menu />
        <my-menu />
    </div>
</div>

</template>



 <script>
     Polymer({
       });

    </script>

    </polymer-element>

我做了身体，身高{边距：0；身高：100%；}

。尝试fullbleed或fit属性