IE为什么显示具有此100％高度内容的垂直滚动条？

Question

我有一个Silverlight视频播放器，我想以“ 100％浏览器宽度/高度”模式显示（即不是全屏显示，而是占满整个浏览器显示区域）。

我已经尝试了DOM中的几乎每个节点，并将width / height设置为100％，其中margin：0px，padding：0px。 似乎在Firefox中效果很好。 那么，为什么IE在底部显示一个垂直滚动条并带有少量空白？

编辑：由于此问题已修复，因此简短说明：ASP.NET <form>标签内100％高度/宽度的Silverlight控件由于form标签而在IE中溢出了一点。

Answer 1

此行为是由<form>内联元素引起的-内联元素始终呈现line-height值的像素。 以下任何CSS规则都可以解决此问题：

form { font-size: 0; }

要么

form * { display: block; }

另外，您可以尝试摆脱<form>的所有内联后代（包括文本节点）-但我不确定它是否真的可以工作（未经测试）。 另外，这将使您的标记难以维护（您需要删除所有换行符，并且此类操作……可以在部署期间完成，但我认为这样做太过分了）。

Answer 2

您需要在HTML中使用以下样式：

<style type="text/css">
html, body {
    height: 100%;
    overflow: hidden;
}
body {margin: 0px}
</style>

请注意，这对html和body都应用了样式，以将html元素的高度强制为视口高度，因此也强制为body。