當width>480px的時候，就是一個綠色的div里面包含一個橙色的div和一個藍色的div,因為左邊的div設置的寬度是20%，右邊的div是%78,還剩下100-20-78=2,即2%，所以中間會出現(xiàn)一小段綠色的背景，是因為父div的背景色還沒完全覆蓋掉；

當width<=480px的時候，@media (max-width: 480px) {....}這段樣式代碼就生效了，float：none；

width:100%; 把float去除了，寬度設置%100，所以橙色div和綠色div就分2行顯示了，這時候，父div的綠色背景色就被全部覆蓋掉了；