Question

Internet Explorer 11以我不理解的方式添加空间。在下面的元素中，它在左边框上添加了空白区域。 Link to a page that illustrates the problem showing how element is displayed in different browsers

这是代码：

<div style="position:absolute;width:330px;left:30px;top:120px;visibility:visible;border:1px solid black">
  <div style="position:relative;height:14px;background-color:#B02C2A;padding:6px 0 6px 8px;color:white;"><span>hejsan</span>
  </div>
</div>

删除定位绝对或border属性会使问题消失，但我需要这些功能。我有什么遗漏或是一个错误吗？

Answer 1

<div style="position:absolute;width:330px;left:30px;top:120px;visibility:visible;border:1px solid black">
  <div style="position:relative;height:14px;background-color:#B02C2A;padding:6px 0 6px 8px;color:white;"><span>hejsan</span>
  </div>
</div>

将background-color:#B02C2A;应用于第一个div，这样就不会显示div的白色间距

Internet Explorer边框增加了空间

1 个答案: