【排版样式】Object 标记高度 100% 的变态行为

问题现象

• 操作系统：Windows 7 Ultimate
• 浏览器：IE9
• 网页中嵌入 Silverlight，即下面代码中的 <object 部分

<div ...>
    <object ... height="100%">
        ...
    </object>
</div>

按理说，object 应该在纵向上充满 div，但实际效果是 object 的高度比 100% 多了一点，导致垂直滚动条出现。

 

解决方法

创建 Silverlight 时自动生成的示例页面没有出现上面的问题，经过对比，终于发现了区别：

<div ...>
    <object ... height="100%">
        ...
    </object></div>

这样就没有垂直滚动条了