如下

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

相关文章:

  • 2021-05-28
  • 2021-11-19
  • 2022-12-23
  • 2021-07-15
  • 2021-11-10
  • 2022-12-23
  • 2021-08-18
猜你喜欢
  • 2022-01-01
  • 2021-10-03
  • 2022-12-23
  • 2021-12-05
  • 2022-02-07
  • 2022-02-09
  • 2021-11-08
相关资源
相似解决方案