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

 时间:2024-10-12 13:11:27

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中将图片横排排列的代码怎么写
  • 热门搜索
    房屋产权到期怎么办 照片大小怎么改 小说怎么下载 吉利帝豪gs怎么样 怎么泡妞 舌尖麻是怎么回事 眼珠子疼是怎么回事 工资流水账单怎么打 肚子大怎么减 腿肚子疼是怎么回事