Question

我有一个项目列表，我想在网格中显示。为了保持灵活性，我更喜欢简单地将元素浮动到容器内并用百分比控制它们的宽度。 E.g：

<div style="overflow:hidden">
  <div style="float:left ; width:25%">Element 1</div>
  <div style="float:left ; width:25%">Element 2</div>
  <div style="float:left ; width:25%">Element 3</div>
  <div style="float:left ; width:25%">Element 4</div>
  <!-- etc. -->
</div>

现在，我还想在这些细胞之间留一个阴沟。同样，这很简单 - 只需对单元格应用边距或填充。然而，这也让我在容器的边缘有一个排水沟，这不是我想要的。

为了解决这个问题，我在彼此之间创建了两个容器，其中内部容器的负边距等于单元格的填充。这实际上适用于现代浏览器，但它在IE 9及更早版本中失败。我不太关心IE 7及其后退，但IE 8 + 9仍有太大的市场份额而无法忽视。

所以我的问题是：为什么IE 8 + 9在后面的小提琴中没有给我一个负的水平边距（注意它实际上确实给出一个垂直的负边距 - 它只是没有＆＃39; t水平地做同样的事情）。当然，我该怎么做才能解决这个问题？

http://jsfiddle.net/Pd4vd/1/

Answer 1

尝试将此代码放在页面的head上：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

我如何获得IE＆lt; 10申请负利润？

1 个答案: