DIV+CSS----流式布局和盒子模型

流式布局

        实现一行中有多个div，多个导航的排列方式

           float：left|right|none    （流式布局的核心内容）

                     向左浮动|向右浮动|不允许浮动

                     主要应用场合：一行里有多个div，导航菜单

           clear：both|right|left|none

                      none：默认值，允许两边都可以有浮动对象

                      right：不允许右边有浮动对象

                      left：不允许左边有浮动对象

                      both：不允许有浮动对象

           流式布局注意计算每个层的宽度         

 

盒子模型

          - margin  （外边距）

          - padding    （内边距）

          - border     （边界）