我正在開發(fā)一個項目，我需要 ul li 以 50% 的寬度水平顯示，并且 li 的子子項應該位于其下方我知道有些人會說嘗試 CSS masonry，但它在 IE 中工作嗎？我已經(jīng)瀏覽了很多教程，但我仍然不清楚如何在這里實現(xiàn)該方法當左側有子子項而右側沒有時，我的問題就開始了，然后 li 的右側在兩個 li 之間保留空間。有時 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>我的輸出如圖所示，無論 level2 有多少子級，我都不希望 level1 和 level3 之間有空間，如果 level1 有 n 個子級，則 level2 和 level 4 反之亦然