webkit瀏覽器中縮放低于100%浮動布局錯亂?

如:1200寬度:內容寬度(400-20-2)*3個+內邊距寬度0+邊框寬度1px*2邊+外邊距寬度10px*2邊

.div2 { width: 1200px; border: 1px solid #ddd;}.li { float: left; width: 378px; height: 40px; line-height: 40px; margin: 10px; border: 1px solid #ddd;}.li3 { float: right; width: 31%; height: 40px; line-height: 40px; margin: 10px; border: 1px solid #ddd;}

問題所在:在-webket內核中出現的情況,在ie中并沒有這種情況,由于邊框的寬度在縮放中都是1px,低于100%進行縮小的時候第三個float會被擠到下一層

解決辦法:如以上代碼,給第三個框設置百分比,百分比可以這樣取值378/1200=31.5% 經測試取值31%才可以!

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com