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中将图片横排排列的代码怎么写
  • 热门搜索
    时代广场的蟋蟀手抄报 有关弟子规的手抄报 最漂亮普通话手抄报 文明安全行手抄报 讲普通话 写规范字手抄报 英语国庆节手抄报内容 手抄报版面设计图花 手抄报怎么做 我爱我家手抄报图片 初中英语手抄报图片