Html 如何让父母与地位最高的孩子一样高：绝对&；亲戚？

我希望

main

与最大的孩子一样高，但我不知道如何使用位置：相对和绝对

HTML

我正在使用Drupal，所以我不能在html中把

放在
div
之前，而使用display:flex

我尝试了
main
CSS:

height:100% or auto;
box-sizing: border-box;
contain: content;
display:block

如前所述，
flex direction
将允许您颠倒元素在一行中的呈现顺序

main {
  max-width: 1000px;
  height: 100%;
  display: flex;
  flex-direction: row-reverse;
}

.layout-sidebar-first {
  width: 25%;
}

.layout-content {
  width: 75%;
}

或者，您也可以使用CSS
order
属性更改单个元素的位置，而不必反转整行的方向

main {
  max-width: 1000px;
  height: 100%;
  display: flex;
}

.layout-sidebar-first {
  width: 25%;
  order: 2;
}

.layout-content {
  width: 75%;
}

还值得注意的是，您可以对订单使用负值

.layout-sidebar-first {
  width: 25%;
  order: -1;
}

我知道您说您不能使用display:flex，但这是因为您不能更改html的呈现顺序吗？如果是这样，您可以尝试将flex-direction:row-reverse与display:flex结合使用。艾伦，您完全正确！我可以使用显示灵活和反向。我用它做的。谢谢仍然想知道是否有位置的解决方案：绝对和相对：）
main {
  max-width: 1000px;
  height: 100%;
  display: flex;
}

.layout-sidebar-first {
  width: 25%;
  order: 2;
}

.layout-content {
  width: 75%;
}

.layout-sidebar-first {
  width: 25%;
  order: -1;
}