當(dāng)width>480px的時(shí)候，就是一個(gè)綠色的div里面包含一個(gè)橙色的div和一個(gè)藍(lán)色的div,因?yàn)樽筮叺膁iv設(shè)置的寬度是20%，右邊的div是%78,還剩下100-20-78=2,即2%，所以中間會(huì)出現(xiàn)一小段綠色的背景，是因?yàn)楦竏iv的背景色還沒完全覆蓋掉；

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

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