聚合物教程項目中的怪異邊距 - 如何去除？

Question

我只是測試了Polymer tutorial（請參閱HTML/CSS等教程頁），而我這個保證金不解：

正如你所看到的，到了「所有的左「 - 選項卡，有一個藍色的邊緣。在Firefox和Firebug的它看起來像這樣：

似乎有兩個部分在左邊（也可能是正確的），其中有某種形式的緩衝區。我一直無法找到該空間來自哪裏，因此無法將其刪除。

我已經嘗試設置填充，邊距爲零，並通過FireFox刪除的東西，讓它消失，但我還沒有找到它。

任何人都知道嗎？

Answer 1

首先填充來自這裏（的index.html）：

core-toolbar .toolbar-tools { 
    height: 64px; 
    padding: 0 8px; /* <--- */ 
    pointer-events: none; 
    position: relative; 
} 

比利潤率從這裏：

paper-tab .tab-content { 
    height: 100%; 
    margin: 0 12px; /* <--- */ 
    transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, color 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; 
} 

如果刪除margin和padding和額外設置：

paper-tabs { 
    height: 64px; 
} 

菜單項將佔用藍色標題區的全部高度。