野花--父盒子相对定位,设置padding值,那么绝对定位的子盒子起点在哪里?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.yellow {
    position: relative;
    width: 300px;
    height: 300px;
    padding: 20px;
    background-color: yellow;
}
.blue {
    position: absolute;
    top:0;
    left: 0;
    width: 100px;
    height: 100px;
    background-color: blue;
}

 

 不受影响,起点依然是整个盒子的边角,而不是padding后的内容边角

posted @   EricYJChung  阅读(31)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示