html dom style position属性设置元素定位方式

分类:知识百科 日期: 点击:0

HTML DOM 的 style 属性 position 可以设置元素的定位方式。它有四种值:static、relative、absolute 和 fixed。

1. static

static 是默认值,元素按照正常的文档流排列。

2. relative

relative 相对定位,元素的位置相对于其本身的位置按照 left、top、right、bottom 的值进行偏移。

相对定位元素

3. absolute

absolute 绝对定位,元素的位置相对于最近的已定位祖先元素(通常是离它最近的 position 不为 static 的祖先元素)按照 left、top、right、bottom 的值进行偏移。如果元素没有已定位的祖先元素,那么它的位置相对于浏览器窗口。

绝对定位元素

4. fixed

fixed 固定定位,元素的位置相对于浏览器窗口(viewport)按照 left、top、right、bottom 的值进行偏移。

固定定位元素

使用 HTML DOM 的 style 属性 position 可以设置元素的定位方式,使用 static、relative、absolute 和 fixed 四种值进行设置。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。