css关于相对定位与绝对定位-创新互联

1.一般如果我们不给元素设置position，则默认为static，此时是该元素是没有定位的，像left/right这些偏移属性都是没有效果的。

创新互联建站是专业的奇台网站建设公司，奇台接单;提供成都网站设计、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行奇台网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

2.position:relative （相对定位）

若设置为相对定位，即可配置left/right这些偏移，相对于该元素原有位置进行偏移，并且，原有位置任占据着文档流的空间，偏移并不会挤开别的元素，所以如果发生重叠，可以通过z-index设置堆叠顺序。

3.position:absolute（绝对定位）

当一个元素设置为绝对定位的时候，在文档流中是不占据空间的，会上浮。与相对定位不同的是绝对定位会删除文档流中原有位置的空间，定位则是通过不为static的父元素来定位（若父元素为static，则则找父元素的父元素，往上级找）。

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证，机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容