IE6/7 and IE8/9(quirks mode)中Fieldset元素设置宽度后渲染成行内元素Bug

如下

<!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

原文地址:https://www.cnblogs.com/snandy/p/2012492.html