CSS中的left屬性是用來(lái)定位元素左側(cè)邊緣相對(duì)于父元素左邊緣的距離的。
div { position: relative; left: 50px; }
在上面的代碼中,元素會(huì)向右移動(dòng)50像素,因?yàn)閜osition屬性被設(shè)置為relative,所以left的值是相對(duì)于元素原來(lái)的位置進(jìn)行移動(dòng)的。
div { position: absolute; left: 0; }
在這個(gè)代碼中,元素會(huì)緊貼在父元素左側(cè),因?yàn)閜osition屬性被設(shè)置為absolute,左側(cè)距離為0。
還可以使用負(fù)值來(lái)向左移動(dòng)元素。
div { position: relative; left: -50px; }
上面的代碼會(huì)將元素向左移動(dòng)50像素。
當(dāng)left和right同時(shí)存在時(shí),left的優(yōu)先級(jí)更高。
div { position: relative; left: 50px; right: 20px; }
上面的代碼中,元素會(huì)距離父元素左側(cè)50像素,同時(shí)距離父元素右側(cè)20像素,但是因?yàn)閘eft的優(yōu)先級(jí)高于right,所以元素會(huì)靠左。
總結(jié)起來(lái),left屬性是用來(lái)控制元素左側(cè)位置的,可以使用正值向右移動(dòng)元素,也可以使用負(fù)值向左移動(dòng)元素。