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="width: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 :

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

IE8/9/Firefox/Safari/Chrome/Opera :

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


可以看到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

你可能感兴趣的:(Field)