固定元素在susy网格中不能在IE10中工作

Question

我正在使用Susy网格并使用此帖A `position:fixed` sidebar whose width is set in percentage?中描述的方法来设置固定的侧边栏。它在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;
  }
}

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