为什么两个盒子加了绝对定位就在一起了呢？ position:absolute; 我是看了提示才写的。
来源：2-11 编程练习
慕斯卡6590260
2020-12-14 22:21:13
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>边框</title>
<style>
.box {
position:relative;
}
.box .bd1{
border-right-color: red;
}
.box .bd2 {
border-left-color: red;
left:10px;
}
.bd1,.bd2{
width: 0px;
height: 0px;
border: 40px solid transparent;
border-radius: 30px;
position:absolute;
}
</style>
</head>
<body>
<div class="box">
<div class="bd1"></div>
<div class="bd2"></div>
</div>
</body>
</html>
这里输入代码，可通过选择【代码语言】突出显示
1回答
-
同学你好，问题回答如下：
1、db1和db2两个盒子是块元素，块元素默认是独占一行排列的。如下图：
2、（1）如果给bd1加绝对定位，bd1就会脱离正常文档流，bd2就会去bd1的位置，两个元素会重叠，如下图：
（2）再给bd2加了绝对定位，会从当前位置脱离文档流，两个元素仍然是重叠的，如下图：
祝学习愉快！
0
相似问题