Эквивалент IE для отображения CSS: flow-root

Question

В настоящее время у меня есть некоторый код, который отлично работает в chrome, который использует это свойство css display: flow-root, но в IE происходит сбой, его изменение на block или flex не решает проблему.

Так что просто хотел проверить, есть ли какой-либо эквивалент для IE для того же свойства.

Answer 1

Вы можете использовать хак с clearfix, чтобы обертка очищала всплывающий элемент.

Вот пример из https://codepen.io/rachelandrew/pen/RKgevX

Хотите что-то подобное?

CSS.

    .container2::after {
        content: "";
        display: block;
        clear: both;
    }

    .container {
        border: 2px solid #3bc9db;
        border-radius: 5px;
        background-color: #e3fafc;
        width: 400px;
        padding: 5px;
    }


    .item {
        height: 100px;
        width: 100px;
        background-color: #1098ad;
        border: 1px solid #0b7285;
        border-radius: 5px;
        float: left;
    }

    h2 {
        padding: 2em 0 0 0;
    }

    .wrapper {
        max-width: 600px;
        margin: 40px auto;
    }

HTML.

    <div class="wrapper">
    <div class="container container2">
        <div class="item"></div>
        xxxxxxxxxxxxxxxxxxxxxxxxxx
    </div>
</div>