Layout 如何将聚合物应用程序放入固定/最大宽度容器中

有没有办法将整个聚合物应用程序（包括应用程序抽屉布局的抽屉）放入固定或最大宽度的容器中

通常在网页设计中，如果我们有一个应用程序在超过一定宽度时看起来不好，我们会把它放在一些地方

margin: auto;
width: 1200px;

顶级容器。我不知道如何使用聚合物来实现这一点，因为抽屉面板使用了一些固定的绝对定位。所有（官方）示例仅限制应用程序内容的宽度，而不是整个应用程序及其所有抽屉、标题等

请看下面的一个坏例子：

---

在我看来，这看起来真的很糟糕，页眉和抽屉与内容分离，它们之间有很多负面空间。那么，我们如何用聚合物正确地设计它呢？

我发现这种聚合物元素可以满足您的需要：希望它有帮助

在应用程序中设置最小或最大宽度不是一种好的做法。您可以使侧导航栏保持打开状态，以便在视图宽度过大时减少内容区域，也可以考虑制作一些基于卡片的布局以使用更多空间，可以是卡片列表或卡片马赛克。当使用链接回答时，重要的是说明页面对您的回答有用，包括最相关的部分和网站的链接。这样，如果链接损坏，至少会有足够的信息提供帮助。现在，如果链接断开，你的答案就没有意义了。实际上，如果你想在其他元素上对齐一些div，这会更有用。这对我没有帮助，因为抽屉的位置是绝对不受影响的。