Question

对于带有高度的css规则，在Chrome和Firefox中，空对象标记似乎表现不同。

这里有一个简单的例子： https://jsfiddle.net/bvar0zpb/

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

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

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

任何人都有解决这个问题的方法吗？

Answer 1

添加：object { display: block; }

＆＃13;

div {
  border: 1px solid green;
}

object {
  height: 80px;
  display: block;
}

＆＃13;

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

＆＃13;