固定元素在一个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;
  }
}

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