网页设计大赛第十八天

来源：互联网发布：智能变送器掌上编程器编辑：程序博客网时间：2024/06/05 08:29

position属性的四种取值

1、static——静态定位；

2、relative——相对定位；

3、absolute——绝对定位；（特点：完全脱离标准文档流，兄弟元素不再受其影响）

4、fixed——固定定位；

absolute和fixed

相同点：

一、完全脱离文档流

二、未设置偏移量时，都定位在祖先元素的左上角

fixed：

当设置偏移量时，以浏览器可视窗口为基准偏移

绝对定位特点

建立了以包含块位基准的定位

完全脱离标准文档流

随即拥有偏移属性跟z-index属性

未设置偏移量时：

无论是否存在已经定位的祖先元素，都保持在元素初始位置脱离标准文档流

设置偏移量时：

偏移参照的基准：

无已定位的祖先元素：以<html>为偏移参照基准

有已定位的祖先元素：以距其最近的已定位的祖先元素为偏移参照基准

注意：当一个元素设置了绝对定位，没有设置宽度时，元素的宽度根据内容进行调节。

0 0