CSS怎么设置相对定位
- 原创
- |
- 浏览：1164
- |
- 更新：
![CSS怎么设置相对定位]()
1![CSS怎么设置相对定位]()
2![CSS怎么设置相对定位]()
3![CSS怎么设置相对定位]()
4![CSS怎么设置相对定位]()
5
在CSS中，可以使用position:relative语句设置相对定位。下面小编举例讲解CSS怎么设置相对定位。
方法/步骤
新建一个html文件，命名为go.html，用于讲解CSS怎么设置相对定位。
![CSS怎么设置相对定位]()
- 此文章未经授权抓取自百度经验
首先写两个div块元素，一个为红色，另一个为蓝色。
![CSS怎么设置相对定位]()
运行网页，没有设置相对定位前的div块元素如图所示。
![CSS怎么设置相对定位]()
使用position:relative语句设置相对定位，相对顶部和左边距离为100px。
![CSS怎么设置相对定位]()
再次运行网页，可以看到红色方块相对左上角相隔了100px。
![CSS怎么设置相对定位]()
END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部