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中将图片横排排列的代码怎么写
  • 热门搜索
    湖南省旅游局 四川的旅游景点 凤凰古城旅游 五一适合去哪里旅游 十一云南旅游 泰顺旅游 广州旅游景区 贵州旅游线路 山西省旅游局 阳江海陵岛旅游攻略