開開心心抓了一個el-date-picker來做時間選擇器，谷歌瀏覽器上完全OK，一到火狐，雪崩，選擇日期的地方全都擠在一起了。

打開火狐的F12，逐一排查css樣式的問題，最后發(fā)現(xiàn)是

document.querySelector('body > div.el-picker-panel.el-date-picker.el-popper.has-sidebar > div.el-picker-panel__body-wrapper > div.el-picker-panel__body > div.el-picker-panel__content > table.el-date-table > tbody > tr:nth-child(2) > td:nth-child(3) > div > span')

span里面position:absolute了，導(dǎo)致擠在一起。我試了下如果把position改成relative的話就ok，在谷歌上也沒多大影響，只是集體會左移一點(diǎn)點(diǎn)。

于是漫長的修改elementUI默認(rèn)樣式的探索方法就開始了。

注意，這里我一開始以為生成的元素是繪制在我寫的元素里面的，但后來發(fā)現(xiàn)他是基于最外層body的。

于是，我copy了這個el-date-picker的最外層的class，然后強(qiáng)制將其所有內(nèi)部的span都position:relative了，簡單粗暴。

效果目前還沒有發(fā)現(xiàn)問題。