Clearfix в Edge (Windows 10)? - PullRequest
Новая
       12

Clearfix в Edge (Windows 10)?

1 голос
/ 02 октября 2019

Как мне сделать "старомодный" clearfix в Edge? Кажется, не работает так же, как все другие браузеры? Либо это? Я читал, что вы должны использовать display:flow-root, но я, как я понимаю, это не работает точно так же (https://codepen.io/thierry/pen/GrvWNM).

Так что есть возможность для Edge- "опыта", чтобыработают так же, как и все остальные браузеры, в отношении clearfix ?

1 Ответ

2 голосов
/ 02 октября 2019

Я пытаюсь проверить ваш пример codepen в Microsoft Edge 44.18362.1.0 и браузере Google Chrome, и я обнаружил, что оба дают одинаковые результаты.

Вы также можете попробовать привести приведенный ниже пример для clearfix, которыйотлично работает в Edge и других браузерах. 

<!DOCTYPE html>
<html>
<head>
<style>
div {
  border: 3px solid #4CAF50;
  padding: 5px;
}

.clearfix {
  overflow: auto;
}

.img2 {
  float: right;
}
</style>
</head>
<body>

<div class="clearfix">
  <img class="img2" src="https://i.postimg.cc/1txjfPHb/pineapple.jpg" alt="Pineapple" width="170" height="170">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum...
</div>

</body>
</html>

Вывод в MS Edge:

enter image description here

Ссылка:

(1) How TO - Clear Float (Clearfix)

...