我想很多初學css的同學都會遇到這么一個問題，就是給定父盒子寬度之后，子盒子浮動，父盒子寬度不夠之后，就會形成所謂的掉盒子。那么今天我就給廣大初學者一個解決辦法，老司機勿噴，僅供新手參考。
這就是所謂的掉盒子，因為四個盒子的寬度加起來超過了父盒子的寬度，所以浮動后，在正常情況下，會排列在第二行。那么我們如何讓第四個盒子排列在第一行上呢？
解決方法就是要想辦法讓父盒子的寬度可以容納下四個盒子，當然我們不會去修改父盒子的寬度。我們要做的就是再給子盒子加一個額外的父盒子，這個父盒子只需要有一個寬度的屬性就夠了
基本模型就是這樣的 ，紅色邊框的盒子（紅色是我畫上去的，事實上是不會顯示出來的，因為只給了紅色邊框盒子一個寬度屬性）只給他一個寬度
那么有的同學能能會問了。超出的部分怎么辦啊？
我們可以給父盒子設置一個overflow：hidden；屬性，把超出的部分隱藏了。
這樣就解決了掉盒子的問題，JD的每日推薦的模塊就是用的這個辦法做的
