开启左侧

[CSS] IE8表现很奇怪,是什么原因造成的呢?

[复制链接]
发表于 2012-4-13 17:31:20 | 显示全部楼层 |阅读模式
在IE8下,div[a]不会出现滚动条,但是其他浏览器(IE6,IE7,FF,CHROME)都会出现滚动条
是IE8渲染css很独特吗?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="./../js/jquery/jquery-1.7.js"></script><link rel="stylesheet" type="text/css" href="./../css/reset.css" /><title></title><style type="text/css"> .a{width:130px; height:130px; padding:20px; border:5px solid red; background:yellow; left:20%; top:10%; position:relative; overflow:auto;} .b{width:140px; height:140px; background:blue;}</style><script> $(document).ready(function(){  var w = $(".a").width();  //alert(w); });</script></head><body> <div class="a">  <div class="b"></div> </div></body></html>
运行代码复制代码另存代码 提示:您可以先修改部分代码再运行

补充内容 (2012-4-10 14:54):
这里不是讲css hack,而是很奇怪IE8为什么会和其他浏览器表现不一样,大家都是overflow:auto;
而且div的宽度大于div[a]的内容宽度,所以理论上应该出现滚动条的
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-4-13 17:31:23 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
 楼主| 发表于 2012-4-13 17:31:26 | 显示全部楼层
会出现的,你用overfllow试试看
overflow我加上了呀?
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
 楼主| 发表于 2012-4-13 17:31:28 | 显示全部楼层
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
qq_login.gif
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-4-13 17:31:31 | 显示全部楼层
overflow:scroll;
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
 楼主| 发表于 2012-4-13 17:31:34 | 显示全部楼层
overflow:scroll;
这里不是讲css hack,而是很奇怪IE8为什么会和其他浏览器表现不一样,大家都是overflow:auto;而且div的宽度大于div[a]的内容宽度,所以理论上应该出现滚动条的

另外就算改成overflow:scroll;IE8虽然出现了滚动条,但是还是和其他浏览器有差别


附件: 你需要登录才可以下载或查看附件。没有帐号?注册
qq_login.gif
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

 
QQ在线咨询
售前咨询热线
0532-88371356
售后服务微信
pingduwangzhan
快速回复 返回顶部 返回列表