Div+css教程之IE6下3像素bug的解决方法

发布时间:2013-07-15编辑:脚本学堂
3px bug是IE6下才有的,为什么会产生3px的bug?原因在于微软开发的IE6存在问题,这样我们就需要用css hack来纠正它所产生的错误。具体方法看本文中的实例讲解。

什么是CSS hack?
不同的浏览器,像IE6,IE7,IE8,Mozilla Firefox等,对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" />
<title>7、IE6的3像素bug</title>
<style type="text/css">
<!--
.side { background: #33CC00; float: left; height: 500px; width: 200px; }
.layout { margin: 0px auto; width: 600px; }
.main { background: #FFCC00; height: 500px; float: right; width: 400px; }
-->
</style>
</head>
<body>
<div class="layout">
<div class="side">此处显示 class "side" 的内容</div>
<div class="main">此处显示 class "main" 的内容</div>
</div>
</body>
</html>
 

有关css hack的更多内容,请访问http://www.jbxue.com/article/9179.htmlhttp://www.jbxue.com/article/2506.html