Javascript 转换：translateY（-50%）工作不正常
我决定学习flexbox，所以我找到了这个视频（），现在我被卡住了。我一步一步地做每件事，当涉及到CSS中的样式时（50:40分钟的视频-在添加transform:translateY（-50%）；）所有h2元素都会上升，而不是停留在中心Javascript 转换：translateY（-50%）工作不正常,javascript,html,css,Javascript,Html,Css,我决定学习flexbox，所以我找到了这个视频（），现在我被卡住了。我一步一步地做每件事，当涉及到CSS中的样式时（50:40分钟的视频-在添加transform:translateY（-50%）；）所有h2元素都会上升，而不是停留在中心 @导入url（'https://fonts.googleapis.com/css?family=Open+Sans:400’； @导入url（'https://fonts.googleapis.com/css?family=Raleway:300'); *
@导入url（'https://fonts.googleapis.com/css?family=Open+Sans:400’；
@导入url（'https://fonts.googleapis.com/css?family=Raleway:300');
* {
保证金：0；
填充：0；
框大小：边框框；
}
html，正文{
身高：100%；
背景：#FFF；
文本对齐：居中；
字体：1.15em/1“开放式Sans”，无衬线；
颜色：#FFF；
}
.包装纸{
背景色：#F5；
身高：100%；
}
#标题{
背景色：#AFDED4；
}
.标志{
填充：2%；
}
img{
最大宽度：100%；
}
h2.黑暗{
颜色：#34495E；
}
氢{
字体：300 2em/1“Raleway”，无衬线；
颜色：#FFF；
填充：2%；
位置：相对位置；
最高：50%；
转化：translateY（-50%）；
}
菜单
欢迎来到Flexy！
准备起飞！
我们正在环球飞行。
云端之上&；在海上。
只需42小时27分钟。
那就一起去兜风吧！
跟我们来
&抄袭；灵活
transformtransformtranslateY（-50%）