CSS元素的定位position
属性position
|
值 |
描述 |
|
absolute |
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。（父元素指的是前一个以absolute或relative宣告其位置的元素，若之前都没有此定位的元素存在，则以元素所在的窗口最大可视范围边界为基点。
|
|
fixed |
|
|
relative |
|
|
static |
|
|
inherit |
|
下面再具体区别一下
|
|
relative |
absolute |
|
|
|
|
|
|
|
|
绝对定位的应用：
绝对定位的特点是脱离了标准流，所以不占据网页中的位置，而是浮在网页上，利用这个特点，绝对定位可以制作漂浮广告，弹出菜单等浮动在网页上的元素。如果
希望绝对定位元素以它的父元素为定位基准，则需要对它的父元素设置定位属性（一般是设置为相对定位），使它的父元素成为包含框，这就是绝对定位和相对定位
的配合使用。这样就可以制作出缺角的导航条、小提示窗口或下拉菜单了
固定定位作用：
可以做随窗口移动的广告和网页皮肤。
总结
css中元素的定位什么时候需要性对定位，什么时候用固定？什么时候需要绝对定位？还有浮动？
默认定位(即不加任何定位),通过margin,padding就能满足大部分要求；
当要使元素进行奇怪的偏移时,就用相对；
当要使元素独立于页面进行定位时,就用绝对；
当要使块级元素同行显示时,就用浮动
；
当元素相对于窗口不变就用固定；
有的情况下结合使用如relative和absolute。