带有高度的对象标记在chrome和firefox中的行为不同

Question

一个空的object-tag在Chrome和Firefox中的表现似乎有所不同，因为它给出了一个带有高度的css规则。

在这里可以找到一个简单的例子：https://jsfiddle.net/bvar0zpb/

<style>
    div {
        border: 1px solid black;
    }
    object {
        height: 80px;
    }
</style>

<div>
   <object>
   </object>
</div>

将object-tag设为block-element似乎有帮助，但我不确定这是否会破坏任何其他行为。

有谁有解决这个问题的办法吗？

Answer 1

添加：object { display: block; }

​

div {
  border: 1px solid green;
}

object {
  height: 80px;
  display: block;
}

<div>
  <object>
  
  </object>
</div>

​