我正在開發(fā)一個(gè)項(xiàng)目，我需要 ul li 以 50% 的寬度水平顯示，并且 li 的子子項(xiàng)應(yīng)該位于其下方我知道有些人會(huì)說(shuō)嘗試 CSS masonry，但它在 IE 中工作嗎？我已經(jīng)瀏覽了很多教程，但我仍然不清楚如何在這里實(shí)現(xiàn)該方法當(dāng)左側(cè)有子子項(xiàng)而右側(cè)沒有時(shí)，我的問(wèn)題就開始了，然后 li 的右側(cè)在兩個(gè) li 之間保留空間。有時(shí) li 的順序不匹配注意：我還需要 IE 11 支持！這是我的 HTML<style>        .level1 {            float: left;        }        .level1>li {            float: left;            padding: 20px;            width: 50%;        }        .level1>li>ul {            padding-left: 20px        }    </style><ul class="level1">        <li>Level</li>        <li>Level2            <ul class="level2">                <li>Level1</li>                <li>Level2</li>            </ul>        </li>        <li>Level3</li>        <li>Level4</li>        <li>Level5</li>        <li>Level6</li>    </ul>我的輸出如圖所示，無(wú)論 level2 有多少子級(jí)，我都不希望 level1 和 level3 之間有空間，如果 level1 有 n 個(gè)子級(jí)，則 level2 和 level 4 反之亦然