首页 > 其他 > 详细

position几个属性的作用

时间:2016-09-16 21:05:28      阅读:148      评论:0      收藏:0      [点我收藏+]
1.static:默认位置
 
2.relative:相对的
配合top,left,right,bottom来使用
a.相对盒子原本的位置发生偏移
b.如果没有trbl会以标准流显示
c.在原来的位置占了位置
 
3.absolute:绝对的
配合 trbl使用
a.如果没有父元素,那么trbl是相对body来定位
b.如果有父元素,但父元素没有定位,那么还是相对body定位
c.如果有父元素且父元素有定位,那以父元素为基础
d.绝对定位之后的元素在页面不会占据位置
 
子绝父相
 
如果一个小盒子在大盒子中药定位且水平居中
1.先left:50%,(将小盒子在大盒子平移大盒子的一半)
2.再设置margin-left(小盒子宽度的一半),一定是负数
 
4.fixed:固定
配合trbl使用
a.不管页面有多大,trbl永远是相对于浏览器的边框来的

position几个属性的作用

原文:http://www.cnblogs.com/dongxingwang/p/5877127.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!