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

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; 
    } 
} 

，将成立一个外固定面积在整个屏幕宽度，并且可以居中你的容器在这种情况下。让我知道如果你找到更好的解决方案！