在邊緣瀏覽器的情況下，第一級(jí)標(biāo)題（灰色背景）的大小根據(jù)最大彈性項(xiàng)目的大小而增長(zhǎng)。而在 Chrome 的情況下，它會(huì)尊重適合內(nèi)容的寬度并相應(yīng)地進(jìn)行渲染。HTML：<section id = 'tileContainer' class = 'tileContainer'>      <div id = 'leftSideContent' class = 'leftSideContent'>         <div id = 'firstLevelHeader' class = 'firstLevelHeader'>          First Level Header        </div>        <div id = 'secondLevelHeader' class = 'secondLevelHeader'>          Second level header has a got a very long text inside of it        </div>      </div>      <div id = 'rightSideContent' class = 'rightSideContent'>        X      </div>    </section>CSS：.tileContainer{    margin: 25px;    height: 120px;    display: flex;    flex-direction: row;    align-items: center;    justify-content: space-between;    border: 1px solid black;    border-radius: 5px;    box-shadow: solid 0.2px #d2d3d3;    .leftSideContent {        display: flex;        flex-direction: column;        justify-content: center;        min-width: 0;        .firstLevelHeader{            background-color: #8a8a8a;            padding-left: 10px;            padding-right: 10px;            border-radius: 10px;            height: 20px;            align-content: center;            width: fit-content;        }        .secondLevelHeader {            height: 20px;        }    }    .rightSideContent{        justify-content: center;        width: 50px;    }}邊緣行為：Chrome 中的行為：