html - 具有高度的对象标签在 chrome 和 firefox 中表现不同

Question

空对象标签在 Chrome 和 Firefox 中的表现似乎不同，给定了一个带有高度的 css 规则。

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

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

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

使对象标签成为 block 元素似乎有所帮助，但我不确定这是否会破坏任何其他行为。

有人解决这个问题吗？

Answer 1

添加:对象{显示: block ； }

div {
  border: 1px solid green;
}

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

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