今天就跟大家聊聊有关怎么进行IE6.0对padding的解读分析,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
本文向大家描述一下IE6.0对padding的解读分析,IE6.0是让人头疼的一块心病,虽然说它是被公认的垃圾浏览器,但使用它的用户不再少数,因为在安装微软操作系统的时候IE被捆绑到客户机器的。
IE6.0对padding的解读分析
IE6.0是让人头疼的一块心病,每当写div+css布局页面的时候总是惦记着他,虽然说它是被公认的垃圾浏览器,但使用它的用户不再少数,因为在安装微软操作系统的时候IE被捆绑到客户机器的。
IE6.0对padding的解读和Firefox还有IE7等浏览器是不同的,下面举个例子:
<styletypestyletype="text/css"> <!-- #test{ width:200px; height:200px; padding:10px; } --> </style> </head> <body> <dividdivid="test"> </div> </body>
Test是一个div对象,现在设定了他的宽度200px,高度是200px,边框是1px,内边距是10px,这个时候在不同的浏览器下解读就会出现问题了,这个问题主要是由于IE6.0的bug造成的。在FF下解读出的div的实际表现长度是200px高度是200px,内边距是10px。在IE6下的数据是:宽度220px高度200px,由此可见对padding的解读错误只是对宽度有影响,高度没有什么变化。
从上面的区别可以看出IE6.0的对padding的解读中不算作定义的width的一部分,而FF和IE7或者IE8都看作是width的一部分。
看完上述内容,你们对怎么进行IE6.0对padding的解读分析有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注编程网行业资讯频道,感谢大家的支持。