Html 尝试使用flexbox从左向右移动2个元素

我试着将图片从左向右移动，将H3元素从右向左移动

我最近刚刚通过teamtreehouse.com了解了flexbox，但我自己做这件事似乎被卡住了

我用flex写的任何东西似乎都不起作用，所以我认为我做错了什么

#关于{
边缘顶部：50px；
左边距：30px；
显示器：flex；
柔性流：行换行；
证明内容：之间的空间；
}

关于
你好

如果你想在Twitter上关注我，我的用户名是

您想要的flex父级在DOM树中的位置太高。flex父级必须比子级高一级。试试这个：

#about > section {
  margin-top: 50px;
  margin-left: 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.aboutme {
  order: 0;
}

.profile-photo {
  order: 3;
}

---

您想要的flex父级在DOM树中的位置过高。flex父级必须比子级高一级。试试这个：

#about > section {
  margin-top: 50px;
  margin-left: 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.aboutme {
  order: 0;
}

.profile-photo {
  order: 3;
}

---

非常感谢你，安迪！！什么是“>”我以前从没见过这个？还有，我的订单在代码中到底哪里出错了？试图把你说的话放在一起，但我感到困惑。

表示我们指的是

\about

的直接子对象。我们想让

成为这里的父对象，因为它是离您要移动的项目最近的父对象。

#about

是标题和图像上方的两个级别，

部分位于充当flex父级的正确位置。我不得不使用
order
属性来移动对象，因为没有它，元素自然会从右向左排序（几乎与您想要的相反）。为了避免这种情况，您可以从一开始就按照正确的顺序放置元素。@leehward如果您对我的答案感到满意，请继续并接受它。谢谢非常满意！谢谢你的解释，安迪@李霍华德由于你是新来的，我可能应该让你知道，要在这里接受答案，你需要点击我上面答案旁边的绿色复选框。非常感谢安迪！！什么是“>”我以前从没见过这个？还有，我的订单在代码中到底哪里出错了？试图把你说的话放在一起，但我感到困惑。
表示我们指的是
\about
的直接子对象。我们想让
成为这里的父对象，因为它是离您要移动的项目最近的父对象。
#about
是标题和图像上方的两个级别，
部分位于充当flex父级的正确位置。我不得不使用
order
属性来移动对象，因为没有它，元素自然会从右向左排序（几乎与您想要的相反）。为了避免这种情况，您可以从一开始就按照正确的顺序放置元素。@leehward如果您对我的答案感到满意，请继续并接受它。谢谢非常满意！谢谢你的解释，安迪@李霍华德：既然你是新来的，我可能应该让你知道，要在这里接受答案，你需要点击我上面答案旁边的绿色复选框。