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中将图片横排排列的代码怎么写
  • 热门搜索
    热爱生命手抄报 文明礼仪手抄报大全 劳动节手抄报的文字 普通话手抄报简单漂亮 中华传统文化手抄报 崇尚科学反对邪教手抄报 我和祖国共成长手抄报 重阳节手抄报图片 关于母亲的手抄报 黑白手抄报