如何设置让一个div的下边框覆盖另一个div的上边框
<head><title>shiyan</title><styletype="text/css">*{margin:0px}div{height:50px;width:5...
<head>
<title>shiyan</title>
<style type="text/css">
*{margin: 0px}
div{
height: 50px;
width: 50px;
}
#div1{
border-bottom: black 2px solid;
}
#div2{
border-top: red 2px solid;
}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body> 展开
<title>shiyan</title>
<style type="text/css">
*{margin: 0px}
div{
height: 50px;
width: 50px;
}
#div1{
border-bottom: black 2px solid;
}
#div2{
border-top: red 2px solid;
}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body> 展开
展开全部
#div1{
position:relative;
z-index:1;
border-bottom: black 2px solid;
}
#div2{
position:relative;
margin-top:-2px;
border-top: red 2px solid;
}代码不多，涉及到的东西有点复杂，可能会影响到页面上其他其他元素。
更多追问追答
追问
有没有不用z-index的方法
追答
#div1{
margin-top:-2px;
transform:translateY(2px);
border-bottom: black 2px solid;
}能想出这方法我都给自己跪了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
