CSS中,可以使用left屬性來設(shè)置元素距離其包含元素(也稱為“參照物”)左邊界的距離。left屬性可以接受像素值(px)、百分比值(%)和其他單位作為其值。
例: .box { position: absolute; left: 100px; } .box2 { position: relative; left: 50%; }
以上代碼中,.box類設(shè)置了其left屬性為100px,這意味著其左邊界將與其包含元素的左邊界相距100px。.box2類設(shè)置其left屬性為50%,這意味著其左邊界將與其包含元素的左邊界相距50%。在這種情況下,其所在的行內(nèi)塊元素的寬度將作為參照物。
需要注意的是,如果元素的position屬性值不是absolute或fixed,則其left屬性無效,因為此時元素的布局并不依賴于其left屬性值。
例: .box3 { left: 50px; /* 無效 */ }
總的來說,left屬性是控制元素位置的重要屬性之一,定位時務(wù)必注意其所在元素的position值及參照物的寬度。
下一篇css中空格用什么代替