position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,配合TOP.RIGHT.BOTTOM.LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点.如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定. Relative,CSS中的写法是:position:relative;  他的意思是绝对相对定位,他是参照父级的原始点为原始点,无父级则以BODY的…

display值的作用分别是什么? none:元素隐藏,不占据位置 block:该元素显示为块级元素 inline:默认,该元素会被显示为内联元素 inline-block:行内块元素 list-item:该元素会作为列表显示 run-in:该元素会根据上下文作为块级元素或内联元素显示 table:该元素会作为块级表格来显示 inline-table:该元素会作为内敛表格来显示 table-row:该元素会作为一个表格行来显示 table-row-group.table-header-group…

relative:是相对于自己来定位的,例如:#demo{position:relative;top:-50px;},这时#demo会在相对于它原来的位置上移50px.如果它之前的元素也为relative并有偏移,则两个偏移不想加,relative只在它原本所在位置上进行偏移.relative 不脱离文档流,也就是说relative 的元素尽管表面上看到它偏离了原来的位置,但它实际上在文档流中还是没变,所以不可层叠,依据left,right,top,bottom等属性在正常文档流中偏移位置. a…

定位标签:position 包含属性:relative(相对) absolute(绝对) 1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上.然后通过设置垂直或水平位置,让这个元素”相对于”它的原始起点进行移动.(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间.因此,移动元素会导致它覆盖其他框) 相对定位:relative 没有脱离正常的文档流,被设置元素相对于其原始位置而进行定位,其原始占位信息仍存在 2.position:abso…

position有以下属性:static.inherit.fixed.absolute.relative前三个好理解好区分:static:是默认状态,没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明).nherit:从父元素继承 position 属性的值.fixed:生成绝对定位的元素,相对于浏览器窗口进行定位.(即滚动浏览器的时候,元素永远固定显示在窗口可视区的某个位置). 比较常用而且会引起初学者迷惑的是absolute和r…

---恢复内容开始--- static:静态定位,也是postion的默认值,没有定位,元素出现在正常的流中,忽略top\bottom\left\right或者z-index声明. relative:相对定位,生成相对定位的元素,通过top\bottom\left\right的设置相对于其自身的位置进行定位.可以通过z-index进行层级分级. absolute:绝对定位,生成绝对定位的元素,相对于static定位以外其他定位(如relative\absolute\fixed)的第一个父元素进行…

前端~定位属性position(relative.absolute.fixed)的分析 1,简单了解: relative:移动自身时,参考自身的原来位置而移动,移动子元素(子元素设置了absolute),作为定位的基准点(参照物) absolute: 随参照物的变化而变化 fixed:固定 2,position 是否会被内部的子元素继承? 会,一般不能继承的属性,像盒模型,border.margin.padding等 注意事项:当使用了滚动组件(例如better-scroll)时,跟better…

position 有五个值:static.relative.absolute.fixed.inherit. static 是默认值.就是按正常的布局流从上到下从左到右布局,平常我们做网页时,没有指定 position,也就表示使用 static. relative 没有脱离布局流,此时可以使用 top.right.bottom.left 属性. top 和 bottom 共存时,使用 top 值,忽略 bottom 值: left 和 right 共存时,使用 left 值,忽略 right 值…

display的值: block 像块类型元素一样显示. none 像行内元素类型一样显示. inline-block 像行内元素一样显示, 但其内容像块类型元素一样显示. list-item 像块类型元素一样显示,并添加样式列表标记. position的值: absolute absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位,若父元素都没有定位则相对于html的根元素 (浏览器窗口)定位. fixed fixed (老IE不支持)生成绝对定位的元素,相…

position 的值absolute.fixed.relative和static的定位原点是什么 absolute 成绝对定位的元素,相对于值不为static的第一个父元素进行定位,也可以理解为离自己这一级元素最近的一级position设置为absolute或者relative的父元素的左上角为原点. fixed(老IE不支持) 生成绝对定位的元素,相对于浏览器窗口进行定位. relative 生成相对定位的元素,相对于其元素本身所在正常位置进行定位. static 默认值,没有定位,元素出现…