position定位，location定位软件下载
大家好，今天小编来为大家解答position定位这个问题，location定位软件下载很多人还不知道，现在让我们一起来看看吧！
网页布局中position定位讲解
工具/材料 Adobe Dreamweaver CS5
相对定位(relative)是非常容易掌握的概念，通俗一点就是正常的块级定位，只不过块级的位置是通过top、left、right、bottom属性来进行规定。不过，原来所占用的空间并没有消失。首先先来正常的定位，如下图。
然后在正常定位的里面，利用position：relative来相对定位，relative属性值的父元素就是上图块元素，如下图。
绝对定位(absolute)第一个特征就是会从文档流中脱离，不占据任何空间。它的定位属性也是跟相对定位一样，通过top、left、right、bottom来进行规定，如下图。
一个父元素里面包含多几个绝对定位，如果绝对定位元素重叠在一起，如下图，A和B重叠在一起了，需要A在前面B在后面，我们只需要在A里面添加z-index来控制。
，我们可以利用z-index来控制哪个在前，哪个在后，如下图。
但是一定要切忌，如若属性值为absolute，那么一定要配合relative为父元素的块来使用。如果没有配合，如下图。会直接以body为父元素。
静态定位(static)一般不使用，它的属性值定义为没有定位，元素出现在正常的流中。忽略top, bottom, left, right，如下图。
固定定位（fixed）属性值的定义为浏览器窗口进行定位。通俗一点就是父元素为body，通过top, bottom, left, right来控制位置。如下图定位在relative里面，然而并没有效果。
特别提示注意：属性值不同所产生的效果不同哦
position属性是相对定位还是绝对定位呢
在CSS中，“position: relative”是设置定位类型为相对定位，它可以配合“top”、“bottom”、“left”、“right”这4个偏移量来实现相对它所属父元素的相对定位。
position属性规定元素的定位类型，这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
relative属性相对比较简单，它是相对它所属父元素来进行偏移的，可以通过“top”、“bottom”、“left”、“right”4个偏移属性进行定位。
扩展资料：
position属性的其它定位类型：
1、absolute
绝对定位，依据父元素中最近设置为relative定位类型的元素进行偏移。
2. fixed
fixed是特殊的absolute，即fixed总是以body为定位对象的，按照浏览器的窗口进行定位。
3. static
position的默认值，一般不设置position属性时，会按照正常的文档流进行排列。
参考资料来源：百度百科-position（定位元素）
position(五种属性,以及每个属性的特点)
1. position: relative;相对定位
1>不影响元素本身特性（无论区块元素还是内联元素会保留其原本特性）
2>不会使元素脱离文档流（元素原本位置会被保留，即改变位置也不会占用新位置）
3>没有定位偏移量时对元素无影响（相对于自身原本位置进行偏移）
4>提升层级（用z-index样式的值可以改变一个定位元素的层级关系，从而改变元素的覆盖关系，值越大越在上面，z-index只能在position属性值为relative或absolute或fixed的元素上有效。）（两个都为定位元素，后面的会覆盖前面的定位）
2. position: absolute;绝对定位
1>使元素完全脱离文档流（在文档流中不再占位）
2>使内联元素在设置宽高的时候支持宽高（改变内联元素的特性）
3>使区块元素在未设置宽度时由内容撑开宽度（改变区块元素的特性）
4>相对于最近一个有定位的父元素偏移（若其父元素没有定位则逐层上找，直到document——页面文档对象）
5>相对定位一般配合绝对定位使用（将父元素设置相对定位，使其相对于父元素偏移）
6>提升层级（同相对定位）
3. position: fixed;固定定位
fixed生成固定定位的元素，相对于浏览器窗口进行定位。
4. position:static：默认值
默认布局。元素出现在正常的流中（忽略 top, bottom, left, right或者 z-index声明）。
5. position: sticky粘性定位
粘性定位，该定位基于用户滚动的位置。
它的行为就像 position:relative;而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。
注意: Internet Explorer, Edge 15及更早 IE版本不支持 sticky定位。 Safari需要使用-webkit- prefix。
6. position: inherit
规定应该从父元素继承 position属性的值。
7. posiyion: initial
设置该属性为默认值，详情查看 CSS initial关键字
initial关键字用于设置 CSS属性为它的默认值。
initial关键字可用于任何 HTML元素上的任何 CSS属性。
END，本文到此结束，如果可以帮助到大家，还望关注本站哦！