最近在寫項目時遇到一個問題，實現(xiàn)一個導(dǎo)航欄，可以左右拖動，溢出body的寬時隱藏掉，于是就這樣：

ul明明是沒有給寬，但發(fā)現(xiàn)li會隨著ul父級的寬度進行換行，于是呢，就去網(wǎng)上實驗了幾種方法。 其中有效的一種是這樣：

重點是這樣的，給ul添加了white-space: nowrap;屬性。

此屬性在W3C了解到，是規(guī)定段落中的文本不進行換行。

然后將li的浮動屬性刪除，換成了display:inline-block;。

但是呢，轉(zhuǎn)換為內(nèi)聯(lián)塊又會不兼容ie的低版本（公司要求，必須兼容?。。?。

于是呢，就使用了CSS的hack，在display:inline-block;后面添加*display:linlne; zoom: 1;

到這里，大功告成，可以去愉快的拖動了！