我想在 div 上创建一个左边框，但只在 div 的 50% 上创建。我创建了以下代码，它适用于除 IE 以外的所有内容。 我运行 IE11 atm，我也尝试了其他版本，但显示相同的错误。
这是一个 fiddle : http://jsfiddle.net/0ffmrxpz/16/
如果您删除“display:table-cell”，它将在 IE 中工作。但由于我的最终设计，我无法移除或更改此显示。如果我这样做，我会破坏整个设计设置。
最佳答案
这是 Internet Explorer 和其他浏览器之间已知的互操作问题。我们实际上已经开始对底层引擎进行更改，以更好地呈现此用例。
下面是 Internet Explorer 11 和我们在 http://remote.modern.ie 上的可流式开发中版本的对比图。 ，也可在我们的 Windows 10 preview 中找到:
这里的罪魁祸首是使用 display: table-cell;除此之外，伪元素、边框和其他一切都将在 Internet Explorer 中按预期工作。只有当您使用为表格数据设计的属性作为您当前面临此问题的布局机制时。
关于css - 伪标签 "before"& "after"，border-left 在 IE 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27048110/