相对定位
来源:互联网 发布:网络运营主管岗位职责 编辑:程序博客网 时间:2024/05/16 18:37
相对定位:1.相对于自身原有位置偏移 2.不会脱离文档流。
<html><head><title></title><style type="text/css">.box1{width:50px;height:50px;background-color: gray}.box2{width:50px;height:50px;background-color: red;}.box3{width:50px;height:50px;background-color: blue}</style></head><body><div class="box1";>box1</div><div class="box2">box2</div><div class="box3">box3</div></body></html>
box2样式修改为:.box2{width:50px;height:50px;background-color: red;position: relative;left: 10px;top:10px}
可以看到box2的偏移是根据其原来的位置的,同时box1并没有向下偏移,说明box2仍然在文档流之中,但是相对定位有一个特殊地方,box2会覆盖在box3上面。
0 0
- 相对定位
- 相对定位
- 相对定位
- 相对定位
- 绝对定位,相对定位
- 相对定位,绝对定位
- 相对定位绝对定位
- 相对定位,绝对定位
- 绝对定位、相对定位
- 相对定位和绝对定位
- 绝对定位和相对定位
- 相对定位于绝对定位
- 绝对定位和相对定位
- CSS相对定位绝对定位
- 相对定位和绝对定位
- 相对定位和绝对定位
- 元素定位之相对定位
- 相对定位、绝对定位差别
- Python—redis
- Go开发环境插件安装提示错误总结
- webservice服务报文查看工具
- live555学习笔记-消息循环
- Synchronized关键字
- 相对定位
- 怎样制作CorelDRAW 中由浅到深的阴影
- MongoDB的安装和本地访问(win10)
- mybatis实战教程(mybatis in action)之六:与Spring MVC 的集成
- nginx性能为啥比Apache性能好
- Error:Execution failed for task ':app:transformResourcesWithMergeJavaResForDebug'解决办法
- Apache日志分析工具Awstats的安装和配置
- VC++中windows下的文件复制、删除、重命名操作
- php的declare查看