html - Polymer 教程元素中的奇怪边距 - 如何删除？

Question

我只是在测试 Polymer tutorial (请参阅 html/css 等教程页面)，我对这个边距感到困惑:

如您所见，“ALL”选项卡左侧有一个蓝色边距。在 Firefox 和 Firebug 中它看起来像这样:

左边(也可能是右边)似乎有两部分，那里有某种形式的缓冲区。我一直无法找到该空间的来源，因此无法将其删除。

我试过将填充、边距设置为零，并通过 FireFox 删除内容以使其消失，但我还没有找到。

有人知道吗？

Answer 1

第一个填充来自这里(index.html):

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

比这里的 margin :

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;
}

如果您删除边距和填充并另外设置:

paper-tabs {
    height: 64px;
}

菜单项将占据蓝色标题区域的整个高度。