插入2个嵌套盒子,使得子盒子的上边框距离父盒子的上边框2cm,子盒子的下边框距离父盒子的下边框2cm;子盒子的左边框距离父盒子的左边框1cm,子盒子的右边框距离父盒子的右边框2cm.
时间: 2023-05-23 08:02:43 浏览: 162
可以使用CSS中的position属性来实现:
```
<div class="parent">
<div class="child">
<!-- 子盒子1的内容 -->
</div>
<div class="child">
<!-- 子盒子2的内容 -->
</div>
</div>
```
CSS样式:
```
.parent {
position: relative; /* 父盒子相对定位 */
height: 100px; /* 设置父盒子的高度 */
}
.child {
position: absolute; /* 子盒子绝对定位 */
top: 2cm; /* 子盒子的上边框距父盒子上边框2cm */
left: 1cm; /* 子盒子的左边框距父盒子左边框1cm */
bottom: 2cm; /* 子盒子的下边框距父盒子下边框2cm */
right: 2cm; /* 子盒子的右边框距父盒子右边框2cm */
}
```
这样就可以实现嵌套2个盒子,子盒子与父盒子的边距分别为2cm和1cm。
阅读全文