Html 使柔性截面和普通截面的宽度相同

我有三个截面A、B和C。所有截面的最大宽度为900px，但第三个截面比其他两个截面短：

此外，我希望C部分中的h2元素位于div文本上方，但由于该部分是flex，h2与div保持在同一行：

问题：如何使三个部分的宽度相同？是否可以使用flexbox使C部分中的h2元素位于DIV上方

。节头{
垫底：1米；
}
#a节{
填充：1.5em；
背景色：rgba（0,139,139,0.4）；
颜色：#fff；
文本对齐：居中；
最大宽度：900px；
保证金：0自动；
}
#b节{
填充：1.5em；
背景色：rgba（139,139,139,0.4）；
颜色：#000；
文本对齐：居中；
最大宽度：900px；
保证金：0自动；
}
#c节{
显示器：flex；
最大宽度：900px；
保证金：0自动；
}
#第c部分第1栏，第c部分第3栏{
背景色：rgba（0,139,139,0.4）；
颜色：白烟；
填充：5px20px；
}
#第c节第2栏{
填充：5px20px；
背景色：rgba（139,139,139,0.4）；
颜色：#000；
}

A节

乱数假文。。。

B节

乱数假文。。。

Lorem ipsum，dolor sit amet Concertetur Adipising Elite。多洛雷姆库·尼莫·阿迪皮西·基布斯丹
你是不是有什么心意？
Lorem ipsum dolor坐在amet Concertetur，告别精英。Omnis sed velit maiores sequi quibusdam
奥特姆。
我的同僚们都是精英。嗯，那是一只巨大的软体动物！

要使所有div的宽度相同，请删除部分A和B的左右填充，如下所示：

#section-a {
    padding         : 1.5em 0;
    background-color: rgba(0, 139, 139, 0.4);
    color           : #fff;
    text-align      : center;
    max-width       : 900px;
    margin          : 0 auto;
}

#section-b {
    padding         : 1.5em 0;
    background-color: rgba(139, 139, 139, 0.4);
    color           : #000;
    text-align      : center;
    max-width       : 900px;
    margin          : 0 auto;
}

---

谢谢成功了。我刚刚意识到我可以在整个页面中添加框大小：边框框来解决这个问题。是的，这也是另一个解决方案