HTML中怎样区别绝对定位和相对定位

 时间:2026-02-15 08:46:10

1、如图,书写两个div,一个div里面包含有另一个div,并且分别给它们添加一个类。

HTML中怎样区别绝对定位和相对定位

2、然后我们使用*来清除所有元素的margin和padding。

HTML中怎样区别绝对定位和相对定位

3、然后我们先来设置rone这个类,这里我就设置成红颜色,并且距离浏览器顶部200像素。

HTML中怎样区别绝对定位和相对定位

4、保存预览,可以看到,带有rone类的div变成了红颜色,并且它距离浏览器顶部有一定的距离哦。

HTML中怎样区别绝对定位和相对定位

5、接着设置rtwo类的属性,这里我就设置成蓝色,与红色区别开来。

HTML中怎样区别绝对定位和相对定位

6、如图,可以看到红颜色的div里面包含有蓝颜色的div,在没有特殊定位下,它们位置如图所示。

HTML中怎样区别绝对定位和相对定位

  • 如何利用html制作网页水平导航菜单?
  • Dreamweaver中怎么设置主次浏览器
  • html怎样实现图片自动切换
  • HTML怎么实现网页跳转
  • HTML中将图片横排排列的代码怎么写
  • 热门搜索
    租房中介费怎么算 拉肚子带血怎么回事 word怎么画流程图 婴儿便秘怎么办 笔记本电脑配置怎么看 烈风自行车怎么样 巧克力怎么做 鼻子里面干疼结痂是怎么回事 迈克菲怎么卸载 kilometer怎么读