IE6,IE7访问器下 margin 失效的处理方式

日期:2020-10-26 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

只能设定父元素的padding-top;来做到实际效果。看下面的演试编码;

  今日有時间,因此特地做了1个检测。

拷贝编码
编码以下:

<style type="text/css">
.test⑴,.test⑵{border:5px solid #F00;}
.test⑴{border-color:#000;}
       /*width:100%; height:auto !important;height:1%; zoom:1;*/
.test⑵{margin:10px;height:50px;width:500px;}
</style>
<div class="test⑴">
<div class="test⑵">
test⑵
</div>
</div>




呵呵,我题目没错吧。果真IE6,IE7的margin:10px; 无效了。
处理方法

拷贝编码
编码以下:

.test⑴{border-color:#000;width:100%; height:auto !important;height:1%; zoom:1;}

应用:width:100%;或 height:auto !important;height:1%; 或zoom:1; 都可以以处理上面的难题。(3选1,不必所有写进去。)

依据自身的实际状况来挑选1种便可!

难题根本原因

  自然了解掌握决方法还不足,大家务必了解甚么状况会引起上面的BUG,zoom:1;这物品貌似常常应用。因而我去查寻了1下有关zoom的1些信息内容。

发现他会开启IE的 haslayout ; haslayout来处理1些普遍的IE BUG;(提议不太搞清楚 haslayout 的同学点一下联接去读1下。haslayout 不神密。)

  在InternetExplorer中,1个元素要末自身对本身的內容开展测算尺寸和机构,要末依靠于父元向来测算规格和机构內容

  上面这句加粗的话很关键哦。

  上面的事例 test⑴ 沒有开启  haslayout 他不可以负责对自身和将会的子孙后代元素开展规格测算和精准定位;因此子元素的margin无效。

  自然 激活 haslayout 的方法许多 zoom:1; 实际上设定 widht height 还可以激活。因此当设定了 这两个值。子元素精准定位也正确了。

 以上仅本人依据在网上的材料获得的结果,假如有不正确,还请高人指导。

罪行的IE 访问器什么时候撤出舞台。