overflow 触发IE7的hasLayout不能触发IE6的hasLayout

最新推荐文章于 2018-02-25 21:04:24 发布

yxc_gdut

最新推荐文章于 2018-02-25 21:04:24 发布

阅读量128

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript css 文章标签： overflow 让元素拥有布局 js 检测元素拥有布局 hasLayout ViewUI

本文链接：https://blog.youkuaiyun.com/yxc_gdut/article/details/84412894

javascript 同时被 2 个专栏收录

12 篇文章

订阅专栏

css

6 篇文章

订阅专栏

本文通过HTML、CSS和JavaScript代码演示了如何使用hasLayout属性，并比较了IE6、IE7和IE8在处理该属性时的不同表现。重点突出了hasLayout属性在IE浏览器中的作用及其在跨浏览器开发中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

overflow 能触发IE7的hasLayout 不能触发IE6的hasLayout

测试一下

<!DOCTYPE HTML>
<html>
  <head>
    <title>hasLayout属性</title>
    <meta http-equiv="content-type" content="text/html; charset=GB18030">
  	<style type="text/css">
  		div{border:1px solid red;}
  		.hasLayout{overflow:auto;border:1px solid green;}
  		.log{margin-top:10px;border:1px solid #5EAFDE;height:200px;width:300px;}
  	</style>
  </head>
  
  <body>
    <div class="hasLayout" id="a">
    	a
    </div>
    <div id="b">
    	b
    </div>
    <div id="log" class="log">
    </div>
    <script type="text/javascript">
    	var a = document.getElementById("a");
    	var b = document.getElementById("b");
    	//a.currentStyle.hasLayout属性显示该元素是否拥有布局    	
    	var a_hasLayout = a.currentStyle.hasLayout;
    	var b_hasLayout = b.currentStyle.hasLayout;
    	document.getElementById("log").innerHTML = "a.hasLayout:"+a_hasLayout+"\nb.hasLayout:"+b_hasLayout+
    		"\na.clientWidth:"+a.clientWidth+"  a.clientHeight:"+a.clientHeight+"\nb.clientWidth:"+b.clientWidth+"  b.clientHeight:"+b.clientHeight;
    </script>
  </body>
</html>

下面是IE6/7/8对比