定位属性left，right，top，bottom
Posted 唯一的liaoliao
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了定位属性left，right，top，bottom相关的知识，希望对你有一定的参考价值。
1.官方解释
left： 设置定位元素左外边距边界与其包含块左边界之间的偏移。（该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移，下面也差不多。。）
right： 设置定位元素右外边距边界与其包含块右边界之间的偏移。
top： 设置定位元素的上外边距边界与其包含块上边界之间的偏移。
bottom： 设置定位元素下外边距边界与其包含块下边界之间的偏移。
2.个人理解
- left等定位属性，要使用时，它得（dei）是已定位的元素。（absolute，relative，fixed）
eg：img{position:absolute;left:100px} 如果去掉position：absolute，则left失效。对float：left这种浮动元素也是失效，反正就是定位了才让用哈。
- 拓展一种居中用法，先定位，再设置 left：0;right：0;margin:auto 可以使元素垂直居中。 设置 top:0;bottom:0;margin:0 可以使元素水平居中。当然，设置四个值都是0；margin：0；后，这个元素就在正中间了。如果不设置元素大小，就平铺了。
（这个是因为把上下左右都设为0，就扯大了？）
- 其他的没了，还没想到那么深，哈哈哈哈
以上是关于定位属性left，right，top，bottom的主要内容，如果未能解决你的问题，请参考以下文章
css top,right,bottom,left设置为0有什么用？它和width:100%和height:100%有什么区别？