作者： admin

固定定位其实就是绝对定位的一个自类别，不同的是在一个div上使用固定定位，被使用的div永远会出现在浏览器窗口的位置不会随着滚动条移动而移开，如图：

滚动条移动之前：

滚动条移动之后：

永远就是相对有浏览器窗口距离顶部的这个位置。

绝对定位跟相对定位不同，它不占据文档空间，如图：

用绝对定位可以做出一个简单的网页布局。

有时候我们会使用相对定位和绝对定位配合使用效果如图：

css样式:

[code].b{
height:100px;
width:100px;
border:1px solid red;
position:relative;
}
.c{
right:10px;
bottom:10px;
border:1px solid red;
position:absolute;
}[/code]

html代码：

[code]<div class=”b”>
<div class=”c”>111</div>
</div>[/code]

学习CSS也有一段时间了，但是也有一些属性是我比较模糊的也相信其他刚刚入学的同学也一样。

这里我对定位还是比较模糊今天就花点时间看了下才懂。定位分：相对定位、 绝对定位、固定定位，这里我先简单讲常用的相对定位。

这里讲解不用官方语言说明，难听懂我用通俗的话说，如果在一个div使用相对定位position:relative属性，它会相对于自己原来的位置定位，普通文档流还存在仍然占据空间，也会覆盖其他元素，如图：

相对定位之前：

相对定位之后：