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,就扯大了?)
- 其他的沒了,還沒想到那么深,哈哈哈哈