用了沒到半年的雙飛燕u口滑鼠，中間的滾輪突然不好使了，滾動時頁面上下亂動。決定拆開修一下。
開啟下面的電池盒蓋，取出電池，會看到有個螺絲，用螺絲刀拆下。
從後面掰開，發現前面還連著什麼，一通嘗試後，發現 前面是卡扣結構，不能直接掰開的，下半部分要往前推，上半部分要往後拉，才能拆開。
接下來檢視，滾輪部分。與滾輪連線的是編碼器。滑鼠滾動編碼器其實不直接和滾輪相關，只是由滾輪驅動。
感覺應該是滾動編碼器除了什麼問題，可能是髒了或什麼機械故障。
拆下滾輪後，清理了一下周圍灰塵，使用螺絲刀插入編碼器中間的孔，使勁的轉動了幾下，安上電池測試，發現滾動好了些。
再繼續轉動了幾下感應器，貌似一切正常了。
按拆開的順序安裝回去，滾輪滾動時，頁面不上下亂竄了，發現問題基本解決了。
發生這種現象的主要原因是滾輪編碼器裡面有油汙灰塵了，徹底一點的解決辦法是拆開編碼器清理。
滾輪編碼器是焊接到電路板上的，用美工刀（或別的薄刀片）撬開外部包裹鐵殼的四個小腳，外殼金屬很軟的，很容易撬開。
撬開後先要取下彈簧卡片，然後摳出滾輪，一般會看到內部電路上有些油泥在上面，用衛生紙擦乾淨再安裝回去即可。
拆開時手法要輕，要有耐心，動手能力不強的就不要嘗試了。
雙飛燕布局
布局的效果跟聖杯的一樣，有所不同。雙飛燕布局的 更加簡單，只是多加了乙個div用來布局。基礎布局部分 一樣。main部分 main 這裡不需要加padding了 m content,m leftside,m rightside m content 用左右邊距將左右邊欄的位置預留出來 m c wrap...
聖杯布局 和 雙飛燕布局
聖杯布局和雙飛翼布局基本上是一樣的，都是兩邊固定寬度，中間自適應的三欄布局，其中，中間欄放到文件流前面，保證先行渲染。解決方案大體相同，都是三欄全部float left浮動，區別在於解決中間欄div的內容不被遮擋上，聖杯布局是中間欄在新增相對定位，並配合left和right屬性，效果上表現為三欄是單...
聖杯布局以及雙飛燕布局
布局的樣式 兩邊定寬，中間自適應的三欄布局，中間欄放在文件流前面以優先渲染 聖杯布局 1.三塊都設定向左浮動且使用相對定位 2.包含三塊的父元素設定左右的padding值，給左右兩部分留出空間 3.中間塊寬度設定為100 4.左右兩邊設定負邊距margin left，左部分設定 100 右部分設定 ...