用:after清除浮動

之前清除浮動的時候習慣加一個空白的div.clear，這樣做的話就會多出一個div，感覺怪怪噠，今天看到了一個用:after清除浮動的方法。舉個栗子，在一個div.wrapper里面有三個div，這三個div都有float:left;想要清除浮動的話，按我之前的做法是在.wrapper里面的第三個div后面加上一個div.clear，給它一個clear:both;，而我今天了解到的這種清除浮動的方法是這樣的

.wrapper:after{
  content:'';
  visibility:hidden;
  display:block;
  width:0;
  height:0;
  clear:both;
}

visibility:hidden;的作用是允許瀏覽器渲染它，但是不顯示出來，這樣才能實現清除浮動。

這樣就不用再添加一個標簽來清除浮動啦。