定位属性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