为什么clearfix按照它的方式完成？

Question

使用clearfix，您可以使用生成的css内容在其所有浮动的兄弟之后创建一个div，因此其父级不会崩溃。我的问题是为什么使用生成的内容？我注意到，简单地将父级声明为显示表会使其不会崩溃。那个代码少了，所以不仅仅是这样吗？另外，传统上为什么在生成内容时使用显示表格，显示块也起作用。 Lasty我经常看到浮动元素之前和之前生成的内容，为什么两者都不是最后一个只需要清除的元素？重申1）为什么不简单地使用display：table; 2）为什么不显示生成内容的块。 3）为什么生成内容之前和之后？

 .parent{
     display: table;//is there a reason not to do this?
  }
  .parent:after{
      content: "";
      display: block;//interchangeable with table?
      clear:both;
   }
   .parent:after,.parent:before{ //why is this beneficial?
         content: "";
         display: table;
    }
    .parent:before{
         clear: both;
    }
 <div class="parent">
      <div></div>
      <div></div>
      <div></div>
 </div>