IE/WINDOWS上的漂浮BUG

最新推荐文章于 2022-02-26 14:09:04 发布

原创最新推荐文章于 2022-02-26 14:09:04 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#文档 #function #javascript #float #ie #css

开发—Web 专栏收录该内容

25 篇文章

订阅专栏

博客介绍了CSS漂浮特性，可使元素横排。同时指出IE/WINDOWS存在程序bug，会删减div里较长文档、使滚动条消失。还提到IE6在计算块级元素高度有问题，给出了用JavaScript代码解决这些问题的方法，让用户能正常使用float属性创建CSS布局。

CSS漂浮特性可以使一个元素紧靠另一个元素横排
例如如下规则：

#maintext {
float:left;
}
"maintext"里的文档最好简明。IE/WINDOWS的一个程序bug会删剪掉漂浮在div里较长的文档，使读者看不到完整的文档，同时还会造成滚动条的消失。读者必须刷新网页，并快速连续按两次F11键才能看到全部的文档，恢复浏览器的滚动条。可是没人原意每登录严格新网页就按两次F11键来刷新，太麻烦了。
这个bug,将可能影响到IE6/Windows的一些用户。
固定原值
很明显，IE6在计算块级元素的高度发面出现了一个严重的问题。
比如，如果第一个网页"maintext”div的高度是300px,而第二页的高度是1400px，则在第二页显示时IE会将器判断为300px，而不是1400px。为了解决这个问题，我们必须使用下面这段代码（JavaScript）

if ( document.all && window.attachEvent )
   window.attachEvent("onload",fuxWinIE);
function fixWinIE(){
if (document.body.scrollHeight
document.all.content.offsetHeight ) {
   document.all.content.style.display = 'block';
         }
}

这几行定义使你能无所顾及的使用float的属性创建CSS布局
例如你的网页中含有id名称为“maintext”的div里的漂浮内容，则你应该如下抒写

if ( document.all && window.attachEvent )
   window.attachEvent("onload",fuxWinIE);
function fixWinIE(){
if (document.body.scrollHeight
document.all.maintext.offsetHeight ) {
   document.all.maintext.style.display = 'block';
         }
}