|干货！html定位的几种方式！
文章图片
文章图片
文章图片
1.html定位的几种方式:html定位主要分为5种：静态定位、相对定位、绝对定位、固定定位、粘性定位
2.html定位实现的语法：要想实现html定位需要设置两个选项：定位的类型+定位的位置 。 其中定位的类型分为上述几种定位的类型：静态定位（static）、相对定位（relative）、绝对定位(absolute)、固定定位（fixed）、粘性定位（sticky） 。
定位的位置主要分为上（top）、下（bottom）、左（left）、右(right) 。
3.html静态定位当我们没有指定定位方式的时候 ， 这时默认的定位方式就是static ， 也就是按照文档的书写布局自动分配在一个合适的地方 ， 这种定位方式用margin来改变位置 ， 对left、top、z-index等设置值无效 ， 这种定位不脱离文档流；
4.html相对定位的特点以及应用：1）相对定位是对于它本身而言进行位置的移动 。
①举例：如下图是300x300像素的div盒子
②假如我们将div这个盒子设置了相对定位如下：
③我们可以通过下图看到 ， 这个div盒子就相对于它本身向下偏移了10像素
2）需要注意的是 ， 相对定位虽然发生了位置移动但是仍旧保留原来的位置 ， 其他元素不能占据他原先位置 ， 如下图；
【|干货！html定位的几种方式！】
相关经验推荐
- 高通骁龙|终于理解为什么说“骁龙870”是一款因定位而被严重低估的神U了！
- |iPhone用户虽然多，但是知道这些功能的不多，全是干货很实用
- 显卡|双PC干货教程：带鱼屏一键分屏+硬件速切，单双屏键鼠共享，附视频实操！
- 红米手机|5000mAh+67w快充，Redmi新机入网，定位千元机
- realme|realme 9i 海外发布：搭载骁龙 680芯片组，定位入门级别！
- 努比亚|小米和OV的定位就不同，配置控适合小米，追星族适合OV
- |HTML表格怎么设置？html锚链接怎么设置？最全知识汇总！
- vivo NEX|vivo火力全开，天玑9000+120W快充+蔡司四摄，高端定位，确实稳！
- 小米科技|春节聚会定格团聚时刻，手机怎么拍才好看？通篇干货建议收藏
- 笔记本|定位高端商务，三星GalaxyS22Ultra，那是非常值得期待！