position属性值

原创 2018年04月17日 10:47:55
position属性是指本体相对于上级的定位,默认值是static,意味着没有被定位,出现在文档流中应该出现的位置
如果用position来布局页面,父级元素的position必须是relative或者absolute
行元素加了position:absolute;后可设置宽高(加了float和fixed以后也可以设置宽高)

常用的属性值:
static 没有定位,遵循正常文档流
relative 遵循正常文档流
absolute 脱离正常文档流,使用top/bottom left/right 属性进行绝对定位
fixed 脱离正常文档流,使用top/bottom, left/right属性以窗口为参考点进行定位,当出现滚动条时,对象不会随之移动

====相对与父元素绝对定位====
1. 如果想绝对定位一个元素,先指定一个父容器(相对定位或者绝对定位),那么E元素E就会相对于父容器绝对定位
2. 父元素F可以拥有属性float,比如{float:left;position:relative}
3. 这样的话,由于float是浮动,下面必须加一个清浮动的div <div style="clear: both;"></div>
相对定位的父容器,遵循正常文档流

====z-index====
定义元素之间的层级顺序,数值越大,层级越高
position: relative | absolute | fixed 有效
position: static 时无效

元素定位(position属性值)有哪些?

本题点评在web前端中,元素定位是必须掌握的,是网页制作的必备技能,也是衡量是否为一个合格的web前端开发的标准之一,在网页设计中,很多地方都需要使用定位,例如菜单弹出,提示信息层等都需要定位。所以本...
  • shuidinaozhongyan
  • shuidinaozhongyan
  • 2017-08-08 16:42:54
  • 285

Position属性四个值区别和用法

1、static(静态定位):默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。2、relative(相对定位):生成相对定...
  • qq_17431235
  • qq_17431235
  • 2017-02-20 17:55:43
  • 1106

简析CSS中position属性值的区别

position规定元素的定位类型,可以设置的值有:static,relative,absolute,fixed,inherit。我们写5个方块,来显示各个值的区别。...
  • sinat_39417731
  • sinat_39417731
  • 2017-10-12 10:51:43
  • 105

style中position的属性值详解

    Position的英文原意是指位置、职位、状态。也有安置的意思。在CSS布局中,Position发挥着非常重要的作用,很多容器的定位是用Position来完成。  Position属性有四个可...
  • marty_zhu
  • marty_zhu
  • 2007-12-01 15:18:00
  • 23290

position有哪些属性?

(1)、static 可以认为静态的,默认元素都是静态的定位,对象遵循常规流。此时4个定位偏移属性不会被应用,也就是使用left,right,bottom,top将不会生效。(2)、relative ...
  • gtLBTNq9mr3
  • gtLBTNq9mr3
  • 2018-03-18 00:00:00
  • 89

position定位几种常用的属性区分

position定位有一个默认的属性值:static。但是它常用的属性还是以下3个:relative、fixed、absolute。 relative: 如果仅仅是像这样:position:rel...
  • t111t
  • t111t
  • 2015-04-19 13:02:50
  • 1094

Position 的四种属性值

Position和float这两个元素属性非常重要;今天主要来看一看position在定中的作用。 首先Position有四个属性值,分别是static 、fixed、 relative 、absol...
  • Renkx0404
  • Renkx0404
  • 2017-06-07 19:50:23
  • 743

z-index属性适用于定位元素(position 属性值为 relative 或 absolute 或 fixed的对象)

  • tuhuolong
  • tuhuolong
  • 2012-08-02 17:20:43
  • 626

分析css中position属性值fixed与absolute的区别

position属性是对于
  • xiaotian602574436
  • xiaotian602574436
  • 2017-11-20 23:33:09
  • 60

网站布局中Position属性四个值的区别和用法

position属性有四个可选值,它们分别是:static、absolute、fixed、relative。 用Div+CSS进行网站布局时,做一些浮动层等特殊效果时要考虑到定位问题。这就要用到Pos...
  • sofia92
  • sofia92
  • 2016-01-06 16:26:42
  • 5058
收藏助手
不良信息举报
您举报文章:position属性值
举报原因:
原因补充:

(最多只允许输入30个字)