HTML网页布局三大方式
提到网页布局方式,相信大家都知道有三种吧。
第一种:普通流(即我们常说的“标准文档流”)
特点:其中元素像瀑布一般一个个地排列;
第二种:浮动--float
特点:1)、包裹性--应用了浮动的元素将会脱离标准文档流,不受其他元素的影响,也不会影响其他元素。并且该元素的宽高都会仅仅包裹住内容而已。
2)、破坏性--应用了浮动的元素将会使其父亲容器的高度塌陷,也就是不再撑起父容器的高度。
第三种:定位--positon
特点:1)、相对定位:元素相对于自己本来的位置进行偏移,在浏览器中位置的确发生了变化,但对于其他元素就好像该元素位置并没有改变。
2)、绝对定位:元素相对于祖先元素直至HTML进行偏移,该元素将会脱离标准文档流,同时具备“包裹性”和“破坏性”。
3)、固定定位:其实它也是绝对定位的一种,只是它相对的父容器是浏览器窗口。
4)、静态定位:即不设置任何position属性值。