不建議這樣，你看到的效果圖，圖片邊框與邊框的距離，看起來(lái)像margin,可以用className為box直接實(shí)現(xiàn)，但是老師沒(méi)有這樣做，而是加了className為pic的div，然后在box里面設(shè)置padding來(lái)實(shí)現(xiàn)的，因?yàn)楹竺嫘枰ㄟ^(guò)實(shí)際寬度來(lái)計(jì)算列數(shù)，用box的padding實(shí)現(xiàn)的話，box的寬度就是offsetWidth,或者jq的outerWidth(),計(jì)算列數(shù)直接用clientWidth/offsetWidth就可以了（當(dāng)然取整要的）；如果用margin來(lái)設(shè)置這個(gè)隔開(kāi)的間距，那么后面就不能直接用offsetWidth,或者jq的outerWidth(),因?yàn)樗麄兊挠?jì)算方法不包括margin的值，而包括padding的值，所以老師在box里面又加了pic，通過(guò)padding制造了一個(gè)margin的效果。紅線的邊框是我后來(lái)加的，方便看：其實(shí)box與box之間沒(méi)有margin,而是通過(guò)padding實(shí)現(xiàn)的看似margin的效果。如果要去掉pic，通過(guò)box的margin實(shí)現(xiàn)，計(jì)算列數(shù)就要clientWidth/(offsetWidth+兩個(gè)margin),然而用js獲取這個(gè)margin值我不會(huì)，，，你會(huì)么？我要先定義下，answer.style.marginLeft ="200px";然后通過(guò)parseInt(answer.style.marginLeft)才能取出來(lái)