HTML代码中关于如何使用定位标签position的介绍

 时间:2024-10-21 03:25:23

1、下面是建立的一个基础代码模型,大框包含小块,一个父级一个子集

HTML代码中关于如何使用定位标签position的介绍

2、我们对父级和子级进行颜色填充后,现在默认是这样的

HTML代码中关于如何使用定位标签position的介绍

3、如果我们对子级进行设置绝对定位fixed,然后设置top和left值

HTML代码中关于如何使用定位标签position的介绍

4、这样子级就按照规定的位置排列位置,

HTML代码中关于如何使用定位标签position的介绍

5、对父级添加相对定位,子级添加绝对定位,并设置top和right值精确到0

HTML代码中关于如何使用定位标签position的介绍

6、这样子级块就会根据父级所在位置,排列到右上角位置

HTML代码中关于如何使用定位标签position的介绍

7、如果对子级块设置的值是负值,就会超出父级区域,出现在外面

HTML代码中关于如何使用定位标签position的介绍

8、如图所示,这样我们利用定位标签就可以做出各种效果了。

HTML代码中关于如何使用定位标签position的介绍
  • Premiere Pro cc2017如何打开上次编辑的文件
  • div+css怎么居左居右剧中
  • 如何header里放东西
  • css怎么给div或按钮添加边框投影/阴影立体效果
  • css如何在每个元素前面插入文字
  • 热门搜索
    客厅适合挂什么画 塞翁失马的意思 crc是什么意思 gmp是什么意思 辜负是什么意思 胡豆的功效与作用 荷花的作用 禁欲系是什么意思 什么叫裸官 什么车没有轮什么猪没有嘴