制作網頁時，為了美觀，常常需要為網頁元素設置特殊形狀的背景，比如微信導航欄，有凸起和凹下去的感覺，最大的問題是里面的字數不一樣多，咋辦？  為了使各種特殊形狀的背景能夠自適應元素中文本內容的多少，出現了CSS滑動門技術。它從新的角度構建頁面，使各種特殊形狀的背景能夠自由拉伸滑動，以適應元素內部的文本內容，可用性更強。 最常見于各種導航欄的滑動門。 * **核心技術** 核心技術就是利用CSS精靈（主要是背景位置）和盒子padding撐開寬度, 以便能適應不同字數的導航欄。 一般的經典布局如下：**`html\滑動門技術.html`** ```html <li> ?<a href="#"> ? ?<span>導航欄內容</span> ?</a> </li> ```