css3技术

DIV+CSS教程_为什么IE6下容器的宽度和FF解释不同源码教程_div+css教程

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:51 我要评论( )

DIV+CSS教程_为什么IE6下容器的宽度和FF解释不同源码教程,学习DIV+CSS教程_为什么IE6下容器的宽度和FF解释不同源码教程,DIV+CSS教程_为什么IE6下容器的宽度和FF

DIV+CSS教程_为什么IE6下容器的宽度和FF解释不同源码教程

<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="zh" lang="zh">
<head profile="#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
 cursor:pointer;
 width:200px;
 height:200px;
 border:10px solid red
 }
/*]]>*/
</style>
</head>
<body>
<div onclick="alert(this.offsetWidth)">web标准常见问题大全</div>
<hr/>
</body>
</html>

问题的差别在于容器的整体宽度有没有将边框(border)的宽度算在其内,这里IE6解释为200PX ,而FF则解释为220PX,那究竟是怎么导致的问题呢?大家把容器顶部的xml去掉就会发现原来问题出在这,顶部的申明触发了IE的quirks mode,

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评