Java 如何将不同大小的子元素翻译到其父元素之外的不同大小的子元素,并将其与其父元素顶部对齐 一开始我需要孩子们集中在父母的中间,然后搬到父母的最前面。< / P>

Java 如何将不同大小的子元素翻译到其父元素之外的不同大小的子元素,并将其与其父元素顶部对齐 一开始我需要孩子们集中在父母的中间,然后搬到父母的最前面。< / P>,java,css,Java,Css,@TemaniAfif在评论中提出了这个问题,但我只是把它作为一个答案,以备将来有人使用 孩子们被设定为绝对位置,并被放置在位置底部100%,这使他们能够走出父母,坐在上面 注意:告诉系统该职位与什么相关很重要。需要给父元素一个位置(我们假设相对是必需的),否则系统将回过头来查找树,以找到设置了位置的元素。如果不设置任何设置,则绝对位置将相对于身体,这可能意味着孩子们将消失(从顶部消失) .container{ 利润上限:35V分钟; 宽度:100vw; 高度:100vh; } .家长{ 位

@TemaniAfif在评论中提出了这个问题,但我只是把它作为一个答案,以备将来有人使用

孩子们被设定为绝对位置,并被放置在位置底部100%,这使他们能够走出父母,坐在上面

注意:告诉系统该职位与什么相关很重要。需要给父元素一个位置(我们假设相对是必需的),否则系统将回过头来查找树,以找到设置了位置的元素。如果不设置任何设置,则绝对位置将相对于身体,这可能意味着孩子们将消失(从顶部消失)

.container{
利润上限:35V分钟;
宽度:100vw;
高度:100vh;
}
.家长{
位置:相对位置;
显示:内联块;
保证金:5vmin;
}
.父母:第n个子女(1){
宽度:20vmin;
高度:20vmin;
背景颜色:粉红色;
}
.父母:第n个子女(2){
宽度:40vmin;
高度:60分钟;
背景颜色:绿色;
}
.父母:第n个子女(3){
宽度:30vmin;
高度:20vmin;
背景颜色:蓝色;
}
.孩子{
位置:绝对位置;
底部:100%;
左:50%;
转化:translateX(-50%);
}
.父母:第n个子女(1).子女{
宽度:50%;
身高:50%;
背景色:洋红色;
}
.父母:第n个子女(2).子女{
宽度:40%;
身高:60%;
背景色:石灰;
}
父母:第n个孩子(3)。孩子{
宽度:50%;
身高:20%;
背景色:青色;
}


位置:绝对位置;底部:100%给孩子(别忘了位置:相对于父母)干得好!非常感谢。问题是,我需要孩子们开始集中在父母的中间,然后像你一样精确地翻译和移动。我尝试了不同的方式(弹性,位置),但不起作用。你的意思是它们作为动画移动吗?我添加了另一个显示初始位置的片段。。将鼠标悬停在父对象上以查看其子对象的移动。