首页前端开发CSS相对定位是一个非常容易掌握的概念

相对定位是一个非常容易掌握的概念

时间2024-05-22 17:20:03发布访客分类CSS浏览82
导读:绝对定位是一个尤为容易驾御的观念。要是对一个元素进行相对于定位,它将泛起在它所在的身分上。今后,概略经由设置装备摆设垂直或水准地位,让这个元素"相对付"它的初踪进行移动。 要是将 top 配置为 20px,那末框将在原地位顶下属面 20...

绝对定位是一个尤为容易驾御的观念。要是对一个元素进行相对于定位,它将泛起在它所在的身分上。今后,概略经由设置装备摆设垂直或水准地位,让这个元素"相对付"它的初踪进行移动。

要是将 top 配置为 20px,那末框将在原地位顶下属面 20 像素的处所。假如 left 设置装备摆设为 30 像素,那末可能在元素左边构建 30 像素的空间,也即是将元素向右移动。

#box_relative {
    
  position: relative;
    
  left: 30px;
    
  top: 20px;

}
    

以下图所示:

寄望,在应用相对定位时,岂论能否发展移动,元素仍然占领原来的空间。因而,挪动元素会导致它覆盖别的框。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 相对定位是一个非常容易掌握的概念
本文地址: https://pptw.com/jishu/665733.html
一段代码也能实现WordPress前端代码压缩提高网站加载速度 WordPress可安装的两个插件精简代码和清理数据库(Super Switch/WPS Cleaner)

游客 回复需填写必要信息