css百分比问题——`top`、`left`、'translate'的百分比参照谁?
比如 top
、left
、transform
属性的translate
方法,他们的百分比都是相较谁而言的?
top
、left
是基于父元素的:
.parent {
position: relative;
background-color: rgb(243, 225, 225);
height: 100px;
width: 240px;
}
.child {
text-align: center;
width: 100px;
background-color: cornflowerblue;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
translate的参数:left(x 坐标) 和 top(y 坐标) 位置参数 ,
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步