定位屬性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,就扯大了?)

  • 其他的沒了,還沒想到那么深,哈哈哈哈



 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM