今天產品中設計到乙個問題就是往div裡面加子div，寬度超過父類div的寬度，想要顯示滾動條而不是換行重新新增。
其實可以用table 或用ul,li標籤實現，我為了圖省事，簡單改了下css樣式。
測試**如下：
當時嘗試了用dispaly屬性來修改，但一直未成功，這樣寫不得不給個left乙個具體值，感覺不妥，但產品裡的比較複雜，用table做介面沒有原先的好。暫時用了absolute和left來達到效果。
個人感覺應該還有其他的實現方式。待後續研究。
子div超出父div部分橫向滾動，不換行
父div rootbar 子div childrenbar display的值及解釋 block 塊物件的預設值。將物件強制作為塊物件呈遞，為物件之後新增新行 none 隱藏物件。與 visibility 屬性的hidden值不同，其不為被隱藏的物件保留其物理空間 inline 內聯物件的預設值。將...
兩個div橫向排列，頂端對齊的方式。
1 左右兩個div都設定為float left，如果右邊div沒有設定寬度，右邊div的寬度會根據div裡的內容自動調整。i am left i am right 2 只有左側div設定為float left，右側div設定overflow auto 右側div將會佔據整個右側剩餘寬度。i am l...
兩個div橫向排列，頂端對齊的方式。
1 左右兩個div都設定為float left，如果右邊div沒有設定寬度，右邊div的寬度會根據div裡的內容自動調整。i am left i am right 2 只有左側div設定為float left，右側div設定overflow auto 右側div將會佔據整個右側剩餘寬度。i am l...