元素的定位
2019-08-26 05:42:15来源:博客园 阅读 ()
元素的定位
position:static 静态定位 是元素默认定位方式,就是各元素在HTML文档流中的默认位置。
注意:任何元素在默认状态下都会以静态定位来确定自己的位置,在静态定位状态下,无法通过边偏移属性(top,bottom,left,right)来改变元素位置。
position:relative 相对定位是将元素相对于它在标准文档流中的位置进行定位,对元素设置相对定位后,可以通过边偏移属性改变元素的位置,但是它在文档流中的位置仍将保留。
position:absolute 是将元素依据最近的已经定位(绝对,固定,或相对定位)的父元素进行定位,若所有父元素都没有定位则依据body根元素(浏览器窗口)进行定位。
注意:如果仅设置绝对定位,不设置边偏移,则元素的位置不变,但其不在占用标准文档流中的空间,与上移后续元素重叠。
position:fixed 相对与浏览器窗口作为参照物来进行定位,脱离文档流。
z-index层叠等级属性
z-index取值可为正整数,负整数,和0,默认属性值是0,z-index属性仅针对定位元素生效。
原文链接:https://www.cnblogs.com/jeff-zhu/p/11375803.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:CSS缩写图例的总结
下一篇:设置网页字体的方法
- 前端CSS五中元素定位类型 2020-06-01
- css设置overflow:hiden行内元素会发生偏移的现象 2020-05-09
- CSS的 行内元素 和 块类元素 2020-05-06
- 相邻元素margin的自动合并与float的坑 2020-04-30
- 5.通过定位实现二级菜单 2020-04-10
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash