CSS中常用于为html定位的几种定位方式

2024-10-24 17:46:08

1、这里,我们可先创建一个HTML文件,在html文件中创建一个div用于演示效果。

CSS中常用于为html定位的几种定位方式

3、为div添加一个class属性

CSS中常用于为html定位的几种定位方式

5、为div添加一个长度与宽度

CSS中常用于为html定位的几种定位方式

7、最后,在CSS中开始写定位。定位主要分三种,分别为:

CSS中常用于为html定位的几种定位方式

9、postion:relative;烂瘀佐栾这个主要用于子标签在定位的时候,以它为参照点。您可以在这个div下嵌套一个div,滤鲇魍童设置为position:absolute,并设置left及top值后,查看效果,删除postion:relative后再查看效果

CSS中常用于为html定位的几种定位方式

11、您可以分别设置这三个属性,分别刷新您的网页查看效果,这三种定位方式不同同时时候。

猜你喜欢