IE6中DIV应用了relative不确定义宽度致使right精准定

日期:2021-01-20 类型:科技新闻 

关键词:如何创建网站,免费网站建站,网站建设文章,网站建设7个基本流程,自动建站

今日在做新项目应用right时,总是碰到在IE6中显示信息一直比自身界定的right要小,没時间想那末多不得已就应用了hack方式处理,因而夜里闲余时特地检测了1下,最终终究寻找缘故之所属了:IE6中假如应用absolute标识的父级DIV(此DIV应用了relative)不确定义宽度,则该标识的right精准定位会出难题。仿佛挺不好看懂这话的意思,還是看看下面的事例吧,先看下面编码:

拷贝编码
编码以下:

<div style="background:red;height:50px;width:300px;padding:10px;">
<div style="background:green;position:relative;">
<a href="#" style="position:absolute;right:20px;top:0;background:blue;">检测</a>
</div>
</div>

编码显示信息实际效果以下图:
 
由图可知,谷歌访问器显示信息是大家所预期的那样,而IE6有点诡异。IE6中蓝色间距鲜红色右侧有20px,而谷歌访问器中有30px,历经持续的检测发如今IE6中,上面的编码中a标识中的right是相对最外面的那个div,而非父级div。另外我又检测了1下left,发现left显示信息的是一切正常的。

现阶段的只了解有两种处理方式
1、便是用hack方式,将具体的right值再加最外面DIV的内边距(_right:20+10 px);
2、界定a标识的父级div的宽度便可。
上一篇:CSS3正方体转动示例编码 返回下一篇:没有了