有三種方法，這三種方法暫時不管IE的適用性，以firefox、google等較遵循W3C的瀏覽器來看。

1. overflow：
   優點是一行就可以解決。缺點是如果版面上有的元素的定位希望超出版面之外的時候，就會被隱藏
2. float：
   父元素設定寬度搭配float，缺點是父元素以外的東西要在加clear或用別的方式避免掉父元素float造成問題
3. after：
   設定方法如下（參考文章http://www.positioniseverything.net/easyclearing.html/），此處clearfix為父元素的class

     .clearfix:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
       }
   缺點是比較囉嗦，但是如果定位要定在框框以外不會被隱藏，也能夠避免父元素設float造成的更多問題。