Какие методы clearfix вы знаете? Приведите примеры

.clear { clear: both; }

<div class="container">
  <div class="el-1">float...</div>
  <div class="el-2">float...</div>
  <br class="clear">
</div>

.container {
  overflow: hidden; /* или auto */
}

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.clearfix {
  zoom: 1; /* IE 6/7 */
}

<div class="container clearfix">
  <div class="el-1">float...</div>
  <div class="el-2">float...</div>
</div>