好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS定位属性position_html/css_WEB-ITnose

CSS定位元素有3种方式 :普通流、相对位置、绝对位置。通过设置position属性来实现。

position属性取值的含义 inherit

继承父元素position 属性的值。

static

默认值 。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

relative

生成相对定位的元素,相对于 元素本身正常位置 进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

absolute

生成绝对定位的元素,找到 第一个非static的祖先元素 进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed

生成绝对定位的元素,相对于 浏览器窗口 进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

普通流定位是:static,默认定位 相对位置定位是:relative 相对于该元素本身作为普通流的位置,占有文档流的原来位置

绝对位置定位有2种:absolute和fixed,一个是相对自己的第一个非static祖先元素,一个是相对浏览器窗口,都不占有原来的文档流位置

例子1:static普通流定位,红色div的top属性失效     

查看更多关于CSS定位属性position_html/css_WEB-ITnose的详细内容...

  阅读:29次