CSS中的左外邊距英文為margin-left。它用來設置元素左側邊框外側的空白區域的大小。
.element { margin-left: 10px; }
上面的代碼表示在元素的左側邊框外側添加10px的空白區域。我們也可以使用百分比來設置左外邊距:
.element { margin-left: 20%; }
這樣就會在元素左側邊框外側添加20%的空白區域。
值得注意的是,如果設置了元素的寬度和左外邊距,那么元素的實際寬度會變成元素寬度加上左外邊距的總和。
.element { width: 100px; margin-left: 20px; }
上面的代碼實際上表示元素的實際寬度為120px。
當然,我們也可以使用負值來設置左外邊距。這會使元素的左側邊框向左移動,與其他元素重疊。
.element { margin-left: -10px; }
上面的代碼實際上表示元素的左側邊框將在元素的實際左側10px處。
總之,我們可以通過設置左外邊距來調整元素與周圍元素的間距,改變元素的位置和布局。
上一篇css左右使用不同定位
下一篇css左右翻轉