-
异常1:子元素写在外边距显示却在父元素上
外边距处理异常方式
1.尽量在父元素上加内边距
2.如果没有弹层 可以在父元素上加overflow: hidden; -
异常2;两个盒子都写边距时会被叠加
当两个挨着的盒子都写边距的时候会被叠加 取距离大的那个盒子的间距 -
在父元素上加内边距
.box1{
width: 150px;
height: 150px;
background: red;
padding-left: 50px;
padding-top: 50px;
}
.box2{
width: 100px;
height: 100px;
background: blue;
}
- 使用定位
.box1{
position: relative;
width: 200px;
height: 200px;
background: red;
}
.box2{
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
background: blue;
}
运行图