CSS Position(定位)

position概念：

　当一个元素在布局中进行移动时可以使用顶部，底部，左侧和右侧属性进行定位。然而，这些属性无法工作；除非是先设定position属性，然后在进行局部或整体的移动或定位。他们也有不同的工作方式，这取决于定位方法。

　定位：position 连用z-index、top、left、right、bottun

fixed 绝对定位：相当于页面(窗口)定位，自身位置消失默认位置左上角 z-index

　　　　　fxed定位使元素的位置与文档流无关，因此不占据空间。

　　　　　　　　　　 fixed定位的元素和其他元素重叠。

relative：相对定位相当于自身定位自身位置不消失，但它原本所占的空间不会改变。

absolute 绝对定位：相当于最近的有position样式的父标签定位，最外层body，自身位置消失，默认位置不变（不设上下左右）

绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>

　　　　　　　　　　 absolute 定位使元素的位置与文档流无关，因此不占据空间。

　　　　　　　　　　 absolute 定位的元素和其他元素重叠。

例：

1 2 3 4

5 6 14 15 16

Some more text

注意: IE7 和 IE8 支持只有一个 !DOCTYPE 指定固定值.

Some text

19 20

View Code

如图所示

转载于:https://www.cnblogs.com/zhai113/p/11295148.html

你可能感兴趣的文章