这几天在测试一个网页,其中导航栏的高度应该按需要变换,如果直接设置所在层为Height:auto,那么ie6可以,而ie8或ie9就不行了(火狐同样不行),而把所在层设置为overflow: hidden后竟然ie和火狐全都可以了,这可大大出乎意料了。
ie8,ie9,火狐这三个默认情况下把div层内设置为float(有浮动时)不会自动变换高度,而overflow: hidden应该是对固定高度的层起作用,并且会把超过层的内容隐藏起来,很难想到它会起到"auto height"的效果,遇到类似问题的朋友可以从这个方向尝试。
更多浏览器兼容性问题可以看这里:http://www.spersky.com/post/ie6compatibility.html
其它问题
1.设置iframe 边距为0
document.writeln("<iframe src=\"http:\/\/www.spersky.com\/mynav\/test.jpg\" frameBorder=\"0\" marginheight=\"0\" marginwidth=\"0\" width=\"960\" scrolling=\"no\" height=\"479\"><\/iframe>")