自动流不是绝对定位的div工作在IE

我想建立一个时间表，显示一系列的事件，可能有很多的事件添加到时间线上，以便其容器被设置为自动排列，视觉的目的我的代码这里：http://codepen.io/tomevans1664/pen/QyLObL。这一切都可以在Chrome中正常工作，但在IE中，垂直时间线栏不受溢出限制。自动流不是绝对定位的div工作在IE

HTML：

<div class="center"> 
     <div class="timeline"> 
      <div class="line"> 
      </div> 
      <div class="content"></div> 

     </div> 
    </div>

CSS：

body{ 
    margin: 0; 
    padding: 0; 
} 
.center{ 

    margin-left: auto; 
    margin-right: auto; 
    width: 800px; 
    height: 500px; 
    border: 1px solid #dddddd; 
    overflow-y: auto; 
    overflow-x: none; 
} 
.line{ 
    position: absolute; 
    top: 0; 
    left: 50%; 
    height: 100%; 
    width: 5px; 
    background: #d7e4ed; 
} 
.content{ 
    height: 1000px; 
} 
.timeline{ 
    position: relative; 
    width: 100%; 
    min-height: 50px; 
}

IE截图： http://imgur.com/0pUVtOi

来源

2015-12-02 Thomas Evans

什么是'溢出-X：无;'应该是什么？ –

这是强制搭售我删除的滚动条在IE中，随意改变两个单独的溢出到溢出：汽车 –

所以它的出现，为IE浏览器，该溢出绝对定位的内容，包含div有溢出属性也必须使用绝对定位，尽管这会破坏自动边距。

若要.center再次集中，我用：

left: 50%; 
    transform: translate(-50%, 0); 
    -ms-transform: translate(-50%, 0);

来源

2015-12-03 09:44:15

自动流不是绝对定位的div工作在IE

回答

相关问题