Html 在IE8的文档模式中,为什么元素可以跳到行的末尾

Html 在IE8的文档模式中,为什么元素可以跳到行的末尾,html,internet-explorer,Html,Internet Explorer,-------测试代码(test.html)------------ *{填充:0px;边距:0px;} A、B、C 空载鼠标(红线)宽度=200px 功能提示(标签){ mouseDot.style.width=event.x+'px'; tipTxt.innerHTML='鼠标在x='+event.x+'处移动;所以鼠标点(红线)宽度='+event.x+'px'; } 测试环境为IE9(查看模式为任意一种,但文档模式为IE8) 当鼠标在A上移动时,可以调用函数提示()正常; 但是当移

-------测试代码(test.html)------------


*{填充:0px;边距:0px;}
A、B、C
空载鼠标(红线)宽度=200px
功能提示(标签){
mouseDot.style.width=event.x+'px';
tipTxt.innerHTML='鼠标在x='+event.x+'处移动;所以鼠标点(红线)宽度='+event.x+'px';
}

测试环境为IE9(查看模式为任意一种,但文档模式为IE8

当鼠标在
A
上移动时,可以调用
函数提示()
正常; 但是当移动到
时,为什么它也调用
函数tip()

你可以在我的博客上看到一些截图:

提示:博客帖子已被修改,应该更清晰


为什么
A
可以跳转到
,只有3个像素大小,只对鼠标事件做出反应,点击事件无效?

这是IE在此文档模式下处理空白的方式。如果将fieldset标记向上移动,使其正好位于最后一个标记的旁边,则问题将消失。像这样:

<b>C</b><fieldset>
C

这不是一个很好的解决方案,但当你看到这种古怪的行为时,它就起作用了。当IE在你意想不到的情况下秘密插入一些神秘的垂直间距时,我也使用了这个技巧。

对不起,问题不清楚。截图也不能让事情变得更清楚。顺便说一句,
s没有
width
属性。我想现在问题和博客更清楚了,谢谢。是的,把
C
变成
C
(新行开始)
可以解决,奇怪的行为
<b>C</b><fieldset>