牛人帮忙看看代码
<div style="height:312px;width:312px;background:#BC0020;">
<a style="display:block;" href="http://siteadmin.taobao.com/module/#" target="_blank">
<img  style="border-top:#DDD 1px solid;border-right:#DDD 1px solid;border-bottom:#DDD 1px solid;border-left:#DDD 1px solid;" src="" width="310px" height="310px">
</a>
</div>

明明图片的边框设的是近白色，怎么右边和底部有一条红线呢。

------解决方案--------------------
单独这段代码看是没什么问题的，可能是其它样式影响 a,div产生边框
------解决方案--------------------
红线是你div的背景引起的
------解决方案--------------------
<div style="height:312px;width:312px;background:#BC0020;">
<a href="http://siteadmin.taobao.com/module/#" target="_blank">
<img  style="border:#DDD 1px solid; width:310px; width:310px;" src="">
</a>
</div>

你试试
------解决方案--------------------

引用:

去掉display：block没用。按最下面的只要加上一张图片就还是有这个问题

我还就不信了。。。
你试下面的代码：

    <div style="height:312px; width:312px; background:#BC0020; float:left;">

<a href="http://siteadmin.taobao.com/module/#" target="_blank">

<img  style="border:#DDD 1px solid; width:310px; width:310px;" src="http://g.hiphotos.baidu.com/album/w%3D2048/sign=4106f3c3d000baa1ba2c40bb7328b812/0e2442a7d933c8950f78a654d01373f08202009e.jpg">

</a>

</div>

------解决方案--------------------
和浏览器有关吧？我怎么没看到你说的现象？

------解决方案--------------------
把图片格式换成png格式的试试,png在放大和缩小的时候是不会失真的
------解决方案--------------------
我觉得 是ie的a有个默认的颜色！，你先申明a的颜色行不行看看。。
------解决方案--------------------
应该是浏览器的问题，我用chrome和IE8就没有这种问题
------解决方案--------------------
</a>
</div>

--->
</a></div>
------解决方案--------------------
上网搜了一下，虽然没有具体解释（原因），但是其解决方法还是可以用的~下面代码中，第一个是楼主的问题的那种情况，第二个是在img那里加了个display:block;来解决的，第三个是加了vertical-align:top;属性，而最后一个，我自己观察出来的，直接把img的margin给改了 = = 当然，还可以用overflow:hidden; 这种方法应该最简单了吧（勿喷勿喷 = =）
还是希望有人解释一下原理 = =

<div style="height:312px;width:312px;background:#BC0020; float:left;">

<a href="http://siteadmin.taobao.com/module/#" target="_blank">

<img  style="border:#DDD 1px solid; width:310px; height:310px;" src="http://g.hiphotos.baidu.com/album/w%3D2048/sign=4106f3c3d000baa1ba2c40bb7328b812/0e2442a7d933c8950f78a654d01373f08202009e.jpg">

</a>

</div>



<div style="height:312px;width:312px;background:#BC0020; float:left;">

<a href="http://siteadmin.taobao.com/module/#" target="_blank">

<img  style="display:block; border:#DDD 1px&n