两个div相交，怎样把相交处的border去掉,该怎么解决

两个div相交，怎样把相交处的border去掉使其看起来像一个整体HTML codefunction showdiv(){document.getele

两个div相交，怎样把相交处的border去掉
使其看起来像一个整体

HTML code

function showdiv(){  document.getelementById("b").style.display='block';  document.getelementById("a").style.border="1px solid red";//两个div相交，怎样把相交处的border去掉就像京东网的[url=http://www.360buy.com/]http://www.360buy.com/[/url] 左边的菜单一样 }<div id="a"  onmouseover="showdiv()"></div><div id="b"></div>

[解决办法]
css:
border-left:solid 0px red
[解决办法]

HTML code

<style>    .a { width:60px; height:40px; border:1px solid red; border-right:none; background:#eee; position:absolute; z-index:1; top:50px;}    .b { width:120px; height:120px; border:1px solid red; position:absolute; left:50px; top:10px; background:#eee; position:absolute; left:68px; top:10px;}</style><div class="a"></div><div class="b"></div>
[解决办法]
你的demo根本就跑不起来
[解决办法]
你设置一个div的z-index属性大于另外一个不就行了
[解决办法]
探讨

HTML code

<style>
    .a { width:60px; height:40px; border:1px solid red; border-right:none; background:#eee; position:absolute; z-index:1; top:50px;}
    .b { width:120px; height:120px; border:1px……

[解决办法]
一个覆盖在另一个上面，
[解决办法]
请问2楼的怎么在帖子里贴代码啊
[解决办法]
HTML code<!DOCTYPE HTML><html><head>    <style type="text/css">        .wrap{            position:relative;        }        .left{            position:absolute; border:1px solid #C40000; border-right:0px; background:#FEF8EF; line-height:26px; width:100px; z-index:2;        }        .right{            position:absolute; left:100px; top:0px; border:1px solid #C40000; background:#FEF8EF;            width:200px; height:300px; z-index:1;        }    </style></head><body><div class="wrap">    <div class="left">left</div>    <div class="right">right</div></div></body></html>