Web 如何定位屏幕底部的聚合物纸按钮

我正在开发一款聚合物应用程序。我需要在屏幕底部放置一个按钮。我怎样才能达到同样的效果

只需将其在主文档中的位置设置为绝对位置，并设置其底部和右侧边距即可。使位置为绝对将从标准流中删除该元素，并使其他元素忽略它

要将按钮放置在页面右下角，请使用以下类：

<style is="custom-style">
    .bottom-right {
        position: fixed;
        right: 10px;
        bottom: 10px;  
    }
</style>

.右下角{
位置：固定；
右：10px；
底部：10px；
}

下面是放置在页面右下角的两个按钮的示例。我将两个按钮放置在一个纸质元素中，以将两个按钮一起移动

<paper-material elevation="0" class="bottom-right">
    <paper-button raised>
        <iron-icon icon="icons:save"></iron-icon>Save
    </paper-button>
    <paper-button raised>
        <iron-icon icon="icons:cancel"></iron-icon>Cancel
    </paper-button>
</paper-material>

拯救
取消

通常，按钮被放置在纸张对话框中，在这种情况下，人们希望将按钮放置在对话框的右下角。要相对于最近定位的祖先移动按钮（而不是相对于视口定位，如“固定”），请将“位置”更改为“绝对”，如以下代码段所示

<style is="custom-style">
    .bottom-right {
        position: absolute;
        right: 10px;
        bottom: 10px;  
    }
</style>

.右下角{
位置：绝对位置；
右：10px；
底部：10px；
}