来讲讲
html
中相对定位与
绝对定位
，有的后端同学对
html
的相对定位与绝对定位，不太熟的福利来了，本篇对于
html
的相对定位与绝对定位讲的很详细呢！
html是整个文档空间，body是html中的文档空间， body与html相差9cm左右
postion中的相对定位：relative
postion中的绝对定位：absoute
相对定位：
立即学习
“
前端免费学习笔记（深入）
”；
当没有参照物的时候，相对定位是相对与body定位的
绝对定位：
当没有参照物额时候，绝对定位是相对与html定位的
使用margin的时候，是占用文档空间的，一般用在相对定位使用
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
使用top，left，right，button的时候，是不占用文档空间的，看情况使用
我们一般是在相对里面套用绝对来进行项目的开发
上面也就是相对和绝对结合的html代码，以上就是本文的所有内容了，希望可以给大家带来帮助！
相关推荐：
html的绝对路径和相对路径怎么使用
相对定位或绝对定位的适用条件
css绝对定位实现居中的八种方式代码详解
#divAddress{
position: relative;
margin-top: 48px;//这就是刚才提的当使用margin的时候才能进行下面的相对
width: 370px;
height: 66px;
border-bottom: 1px #c1c1c1 solid;
}
#img1{
position: absolute;
float: left;margin-top:2px;
width: 24px; height: 24px;
}
.address{
position: absolute;
margin-left: 34px;
font-size: 20px;
color: #c1c1c1;
}
#peoplePost1{
position: relative;
margin-top: 12px;
width: 370px;
height: 40px;
border-bottom: 1px #c1c1c1 solid;
}
#people1{
position: absolute;
float: left;margin-top:2px;
width: 24px; height: 24px;
}
.people2{
position: absolute;
margin-left: 34px;
font-size: 20px;
color: #c1c1c1;
}
#post1{
position: absolute;
float: left;margin-top:2px;margin-left:192px;
width: 24px; height: 24px;
}
.post2{
position: absolute;
margin-left: 222px;
font-size: 20px;
color: #c1c1c1;
}
/images/address.png">
地址 ： 输入上海市卢湾区卢湾榜路758弄10号1011室
/images/people.png">
联系人 : 张三
/images/post.png">
职位 : 业务经理