话说 在ie6下,当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现
代码如下 我的代码如下
确实是产生了3象素的bug
我看的网上的资料 说可以用margin-right:-3px设置浮动元素来解决
然后我把他加到浮动元素上 确实3象素不见了
=====================================================================================
但是我还是没想通 这个例子的意义何在了????
只是让3象素消失,但是ie6和其他浏览器下的效果并不一样啊 (ie6并排,其他浏览器重叠)
这样不行吧哪位大虾举个例子 改怎么去理解3象素的bug(别拿网上的直接放下来,网上的看了好多了,但是几乎没看明白,就在下面的代码中修改)
<!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><title></title></title>
<style type="text/css">
<!--
div{width:100px;height:100px;}
.left {background:#444;float:left;}
.right{background:#000;}
-->
</style>
</head>
<body>
<div class=left></div>
<div class=right></div>
</body>
</html>
代码如下 我的代码如下
确实是产生了3象素的bug
我看的网上的资料 说可以用margin-right:-3px设置浮动元素来解决
然后我把他加到浮动元素上 确实3象素不见了
=====================================================================================
但是我还是没想通 这个例子的意义何在了????
只是让3象素消失,但是ie6和其他浏览器下的效果并不一样啊 (ie6并排,其他浏览器重叠)
这样不行吧哪位大虾举个例子 改怎么去理解3象素的bug(别拿网上的直接放下来,网上的看了好多了,但是几乎没看明白,就在下面的代码中修改)
<!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><title></title></title>
<style type="text/css">
<!--
div{width:100px;height:100px;}
.left {background:#444;float:left;}
.right{background:#000;}
-->
</style>
</head>
<body>
<div class=left></div>
<div class=right></div>
</body>
</html>
div { background: orange ; *background: green !important; *background: blue ;}这样的技术就成....
bug就是没有理由的东西不用弄懂的
其实我只是觉得3象素可以算一个bug
只是觉得这个bug对布局没什么影响
有影响吗 哪位大虾举个例子
这个社区里有个哥们叫bluedestiny的....我家骷髅正好跟他混,据说一个像素位有偏差都查得出来我自己也见过这样的客户,不过我自己可看不出来....
我真3的时候经常被人bs
不过不要引用错人了 引起误会就不好了
bluedestiny只在传说中听过........