relative两个盒子不能完全重合
来源：2-5 position-relative
林檎航空局
2020-07-31 11:47:24
请老师看下我的代码，为什么使用relative时两个盒子不能完全重合总有几个px的差距，但b盒子是往左移的是a盒子的宽度
html：
<div class="block">a</div>
<div class="block">b</div>
css：
.block{
position: relative;
width:80px;
height:80px;
border:2px solid black;
line-height:80px;
text-align:center;
float:left;
z-index:9;
}
.block:nth-child(2){
border-color:red;
position:relative;
left:-80px;
z-index:3;
}
写回答
1回答
-
好帮手慕星星
2020-07-31
同学你好，还需要考虑到盒子边框问题。宽度虽然设置80px，但是还有左右边框共4px，所以left值应该修改为-84px才能实现完全重合
自己再测试下，祝学习愉快！
0
相似问题
为什么我的两个框框不完全重叠的？
回答 1
听不懂完全听不懂
回答 1