grid - 修复了 susy 网格中的元素在 IE10 中不起作用

Question

我正在使用 Susy 网格并利用这篇文章中描述的方法A `position:fixed` 侧边栏，其宽度以百分比设置？设置固定侧边栏。它在 Chrome 上运行良好，但在 IE10 中测试它的固定侧边栏端位于文档中间。谁能看到这里有什么问题？

您可以在以下网址看到它的实际效果： http ://dev-johandahl.com/gridtest/

Answer 1

看起来 IE10 没有使.sidebar-area容器居中。该容器与左侧齐平，因此它的右边缘（侧边栏）位于页面中间。可能有更好的选择，但最明显的解决方法是在侧边栏容器周围附加一个包装器：

.sidebar-area {
  position: fixed;
  left: 0;
  right: 0;
  text-align: center; // this may not be needed.

  .sidebar-container {
    @include container;
    text-align: left;
  }
}

这将设置一个全屏宽度的外部固定区域，您可以在该上下文中将容器居中。如果您找到更好的解决方案，请告诉我！