CSS中的left屬性是用來設置元素距離其父元素左側邊緣的距離。如果將left設置為整數,元素將向右移動;如果將left設置為負數,元素將向左移動。
.box { position: relative; left: -50px; }
如上面的代碼,將一個具有相對定位的元素往左移動了50個像素。應該注意的是,如果元素的position屬性為static,則left屬性不會起作用。在這種情況下,元素將繼續位于文檔流中,并根據其在HTML中出現的位置進行布局。
當使用left為負數時,需要特別小心不要讓元素從可視區域外溢出。如果元素的left值比其父元素的寬度還要小,那么元素的右側邊緣將溢出到父元素之外。如果這種情況不能接受,則需要使用overflow屬性將父元素的溢出部分隱藏起來。
.container { position: relative; overflow: hidden; } .box { position: absolute; left: -50px; }
如上面的代碼,在一個具有相對定位的父級容器中,將left為負數的子元素溢出部分隱藏起來。這樣做可以確保元素的位置不會影響到其他內容的布局,同時也保持了元素的可見性。
上一篇ajax中url怎么理解
下一篇css中調整標簽位置