如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>IE6/7 and IE8/9(quirks mode)中Fieldset元素设置宽度后将表现为行内元素</title> </head> <body> <fieldset style="200px;background:gold"> FIELDSET </fieldset> <span style="background:gold;">SPAN</span> <script> var fieldset = document.getElementsByTagName('fieldset')[0]; if(fieldset.currentStyle){ var display = fieldset.currentStyle.display; alert(display); } </script> </body> </html>
各浏览器表现
IE6/7 :
IE8/9/Firefox/Safari/Chrome/Opera :
可以看到IE6/7中,fieldset元素和span在一行显示,表现的象一个inline element(虽然弹出框显示的是block)。
按W3C标准,Fieldset元素默认应是block element。这应该是IE6/7的bug。
相关:
Default style sheet for HTML 4
http://msdn.microsoft.com/en-us/library/ms535247(v=VS.85).aspx