web知识

 圣杯布局： 1.三列（不一定等高）

                2.改变加载顺序，优先加载中间列（结构：中左右，显示效果：左中右）

               3.中间列自适应，俩侧列固定

   

               步骤：1，外盒子左右固定padding值，预留左右2侧盒子的位置

                    2，center宽度为100%  左右俩个盒子固定宽度

                    3，结构上要浮动

                    4，移动 left通过margin-left:-100%, 配合相对定位left:-左盒子宽度；移动掉左侧预留的位置

                    5，移动，right通过margin-left：-右盒子宽度，配合相对定位，left:右盒子的宽度 移动掉右侧预留的位置

                   

        双飞翼布局：            

                步骤：1，第2个盒子要与第4个和第5个盒子在一排

                      2，第2个盒子固定宽度100%，第4个和第5个盒子固定宽度

                      3，第2个盒子内部的盒子，不固定宽度，通过左右的margin预留出左右俩个盒子的位置

                      4，移动第4个盒子，通过margin-left:-100% 实现

                      5，移动第5个盒子，通过margin-left:-右盒子宽度 实现

                 

        滑动门：