定位属性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，就扯大了？）

• 其他的没了，还没想到那么深，哈哈哈哈

 

转载于:https://www.cnblogs.com/liaoliao985786516/p/5634282.html