当身体溢出时，头部不会伸展

Question

当主体溢出时，我希望标题伸展到全内容宽度。 还需要将身体元素保持为弹性项目。

*{
  margin: 0;
  padding: 0;
}

header{
  background-color: green;
}

main{
  display: flex;
}

article{
  flex: 0 0 5em;
}

section{
  flex: 0 0 50em;
}

见下文 https://jsfiddle.net/sfp2c91m/19/

谢谢

Answer 1

尝试将标题扩展为完整内容宽度

header {
    background-color: green;
    width: 100%;
}

fiddler：https://jsfiddle.net/sfp2c91m/26/