一般来说我们元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中,,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的,不会生效,比如你设置一个距离左边距偏移100px的声明:left:100px 那么这条声明不会起到任何效。
所以今天给大家介绍三种定位:
他么分别是固定定位,相对定位,绝对定位
首先是固定定位:就是相对浏览器窗口定位.页面如何滚动,这个盒子显示的位置不变 写法:position:fixed
然后是相对定位:相对于原本文档流中的位置定位,仍然占据原位置,
相对定位,就是微调元素位置的.让元素相对自己原来的位置进行微调。
也就是说,如果一个盒子想进行位置调整,那么就要使用相对定位了 写法:position:relative
最后一个是绝对定位:相对于离他最近的已定位父级进行定位,一直找到浏览器窗口位置
绝对定位之后,标签就不区分所谓的行内元素,块级元素了,不需要display:block;
就可以设置宽高了 写法:position:absolute
这就是三个定位的定义和简单介绍
标签:定位,位置,元素,相对,position,写法 来源: https://www.cnblogs.com/cwbnb/p/15552672.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。