HTML网页布局方式

                                                                                                            HTML网页布局三大方式

      提到网页布局方式，相信大家都知道有三种吧。

      第一种：普通流（即我们常说的“标准文档流”）

                     特点：其中元素像瀑布一般一个个地排列；

      第二种：浮动--float

                     特点：1）、包裹性--应用了浮动的元素将会脱离标准文档流，不受其他元素的影响，也不会影响其他元素。并且该元素的宽高都会仅仅包裹住内容而已。

                                2）、破坏性--应用了浮动的元素将会使其父亲容器的高度塌陷，也就是不再撑起父容器的高度。

      第三种：定位--positon

                     特点：1）、相对定位：元素相对于自己本来的位置进行偏移，在浏览器中位置的确发生了变化，但对于其他元素就好像该元素位置并没有改变。

                                2）、绝对定位：元素相对于祖先元素直至HTML进行偏移，该元素将会脱离标准文档流，同时具备“包裹性”和“破坏性”。

                                3）、固定定位：其实它也是绝对定位的一种，只是它相对的父容器是浏览器窗口。

                                4）、静态定位：即不设置任何position属性值。