ued的本意是使用者體驗設計，user experience design,通常的理解，我們做的一切是為了呈現在您眼前的頁面。
這是我們平時的寫法，為其新增css樣式
但是現在很多專案都是需要主體功能區塊優先載入，並且隨著裝置螢幕的不斷加大，為了相容，還需要主體內容寬度自適應，那麼此時就用到了雙飛翼布局。
雙飛翼布局，常用到以下三個技術：
（1）負邊距：margin-left
（2）浮動：float
（3）定位：position
其css樣式如下：
（1）id=「left_div」，負邊距的作用是讓id=「left_div」，即左邊的div蓋在id=「main_div」，即中間div的最左邊。這個div指的是外面的div，即id=「main_div」的寬度。
（2）id=「right_div」， 定義的負邊距應和width互為相反數，這樣會使其蓋在id=「main_div」即中間div的最右邊。
以上，為雙飛翼布局。
如果按照浮動方法寫，頁面在被瀏覽器解析時，按照左側功能區塊，主題內容功能區塊，右側功能區塊進行載入。
雙飛翼布局
第一可以實現三列布局左右固定寬度，中間寬度自適應，第二個，通常三列布局都是按照左 sub 中 main 右 extra 順序來寫的，這樣頁面也會根據這個dom結構來順序載入，而如果用雙飛翼布局，可以使三列布局中mian先載入，sub和extra後載入。html class main div clas...
雙飛翼布局
雙飛翼布局 zhongjian zuobian zhongjian 作用 是 團隊提出一種優化寫法，main寫在前面，優先載入，優先渲染，而且相容性好。中間部分優先載入,有利於使用者體驗 doctype html html head title 雙飛翼布局 title meta charset ut...
雙飛翼布局
顯示效果 1 doctype html 2 html 3 head 4 meta charset utf 8 5 title 雙飛翼布局 title 6 style type text css 7 8 注釋 當div脫離文件流時，乙個div center 的寬度等於100 是會使其他div left...