span在div内，边框不能重合的问题

两个边框叠在一起，不要设置position，非常感谢！

img

<style type="text/css">
div{
width:80px;
height:35px;
border:1px solid red;
}
#objk{
width:50px;
height:34px;
border:1px solid yellow;
display:inline-block;
}
</style>
</head>
<body>
<div>
    <span id="objk"></span>
</div>
</body>
</html>

#objk{
margin-left:-1px;
}

外层一共35px
你span就34px+上下边框2px > 35px,就重叠了，你设置33px就行

img

img

img

如果要上下边框和左边框都重合objk就要设高度一致35px，在设置margin: -1px 0 0 -1px;如果只需要左边重合：margin-left：-1px;