css浮动与定位

CSS的布局模型：

1.浮动模型（float）：

    float属性:none(默认值，不浮动)

                   left(左浮动)；

                   right(右浮动)；

2.清除浮动（clear）：

    clear属性：left:清除左浮动；

                      right:清除右浮动；

                      both:清除左浮动和右浮动；

CSS的定位布局：

布局的定位有四种方式：

             （1）相对定位(relative)

             （2）绝对定位(absolute)

             （3）固定定位(fixed)

             （4）静态定位(static)

大体说一下前两种：

（1）：相对定位的参照物：

             相对于偏移前的位置进行定位

             相对定位不会脱离正常的文档流

             注：relative和absolute结合使用

（2）：绝对定位：

            绝对定位依赖于position属性，如果父元素有position属性，就相对于父元素绝对定位（r），如果父元素没有position，它就会再往上找上一级父元素，如果都没有，最后就找到body，相对于body