伪标签＆＃34;之前＆＃34; ＆安培; ＆＃34;在＆＃34;之后，border-left不在IE中工作

Question

我想在div上创建左边框但只占div的50％。我创建了以下代码，除了IE以外的所有其他代码。 我运行IE11 atm，我也尝试了其他版本，显示相同的错误。

Here is a Fiddle: http://jsfiddle.net/0ffmrxpz/16/

如果删除“display：table-cell”，它将在IE中运行。但由于我的终端设计，我无法删除或更改此显示。如果我这样做，我打破了整个设计设置。

Answer 1

这是Internet Explorer与其他浏览器之间已知的互操作问题。实际上，我们已经开始向底层引擎发送更改，以更好地呈现此用例。

以下是Internet Explorer 11的并排版本，以及http://remote.modern.ie上的可流式 in-development 版本，也可在我们的Windows 10 preview中找到：

这里的罪魁祸首是使用display: table-cell;除此之外，伪元素，边框和其他所有内容都将在Internet Explorer中按预期工作。仅当您使用为表格数据设计的属性作为当前面临此问题的布局机制时才会这样做。