2011年9月26日
摘要：
div在不同浏览器下的兼容性问题在日常项目是非常让人头痛和烦恼的，由于div中内容使用了浮动float属性，以致非IE下没有检测到高度而产生问题，而IE则可以正常检测到高度，以下是一个折衷的处理方案（用CSS伪元素:after）：注：本文内容部分转自http://dreamweaver.abang.com/od/dwskill/a/height-firefox.htm1、HTML页面代码如下：<body> <div id="box"> <div id="left">left</div> <div id 阅读全文
摘要：
最近做个小项目，遇点用于展示内容的div区域高度无法自适应高度（非IE下），该出现的滚动条无法使用，查阅了一些资料终于解决，记录在此以作分享给有需要的同学。实现原理比较简单，简要说明下：1、div的高度100%问题在非IE下无效，非IE浏览器无法识别，进而展示滚动条；2、非IE对于div只能有效识别具体的高度值，因此在页面窗口加载或修改时，通过js计算并给div赋出实际的值；3、特别说明：onresize事件在不同浏览器下可能会被执行2次的情况代码未做处理（可自行完善方法避免）代码如下：View Code 1 <html> 2 <head> 3 <meta htt 阅读全文
摘要：
window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.document.body.offsetHeight; 返回当前网页高度 window.document.body.offsetWidth; 返回当前网页宽度 说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scro... 阅读全文