为什么IE会显示这个100%高度内容的垂直滚动条？

Question

我有一个Silverlight视频播放器,我希望以"100%浏览器宽度/高度"模式显示(即不是全屏,但填满整个浏览器显示区域).

我已经尝试了DOM中的几乎每个节点,并将宽度/高度设置为100%,边距为:0px,填充:0px.似乎在Firefox中运行良好.那么,为什么IE会在底部显示一个带有小空格的垂直滚动条？

编辑:由于此问题已得到修复,简短说明:ASP.NET <form>标记中的100%高度/宽度Silverlight控件由于form标记而在IE中溢出一点.

Answer 1

此行为是由内联元素内的<form>内联元素引起的,总是呈现一个line-height像素值.以下任何CSS规则都将修复它:

form { font-size: 0; }

要么

form * { display: block; }

或者,您可以尝试摆脱所有内联后代<form>(包括文本节点) - 但我不确定它实际上是否有效(未经测试).此外,它会使您的标记难以维护(您需要删除所有换行符,这样......可以在部署期间完成,但我认为这样做太过分了).