IE8中两个固定div元素之间的响应div

Question

我试图在两个固定宽度的元素之间设置一个响应div。我很难在IE8上完成这项工作，我必须让它工作。我很难在不使用calc

的情况下完成这项工作

我该怎么做？

Codepen：https://codepen.io/anon/pen/GmoLgR

Answer 1

将其作为表格。

.wrapper {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.wrapper div {
  display: table-cell;
  height: 40px;
  border: 1px solid #999;
  background-color: #ddd;
}

.fixed {
  width: 40px;
}

<div class="wrapper">
  <div class="fixed"></div>
  <div></div>
  <div class="fixed"></div>
</div>