css定位中绝对定位及固定定位

回复

您需要登录才可以下载或查看，没有帐号？立即注册

x

一、绝对定位：

将元素的内容从普通流中完全移除，不占据空间，并使用偏移量来定位该元素位置,如果元素有已定位的祖先元素，那么他的位置相对于最近的已定位祖先元素，若没有，则先对于最初的包含块，如body元素

1、实现方式

position:absolute:

left,right,top,bottom : 实现位置的设定

2、使用场合

多数使用在弹出菜单上

3、堆叠顺序

当修改了元素的定位方式后，产生重叠的效果，谁在前谁在后,值越大越靠近用户

属性：z-index:

z-index:1

z-index:50

复制代码

4、固定定位

1、固定定位定义：

将元素固定在网页的某个位置处，不跟随滚动条发生滚动

2、设置固定定位

属性：position:fixed;

取值：

left,top,bottom,right

复制代码

3、使用场合

1、小广告

2、返回顶部

多数都相对body实现固定定位，不随滚动条滚动二滑动

通过今天的学习，css基础部分就学完了，现在可以开始你的网页制作了。

[HTML5开发] css定位中绝对定位及固定定位