正在回答
3回答
同学你好，很抱歉老师第一次回答的是不严谨的，当设置定位时，是从父元素的padding处开始显示的，把边框调大一点看下效果：
我们计算一下边框和定位值，再将其叠上去：
另外，同学看到的灰色边框是浏览器自带的，不是老师设置的呢：
好帮手慕粉
2020-06-17 14:16:10
同学你好，设置定位即可。举个例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
.one {
width: 200px;
height: 200px;
position: relative;
border: 1px solid red;
}
.two {
width: 200px;
height: 200px;
border: 1px solid pink;
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>
<div class="one">
<div class="two"></div>
</div>
</body>
</html>
同学可以参考实现下。
如果我的回答帮助了你，欢迎采纳。祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星