我們在前端開發中經常需要使用 CSS 來控制網頁元素的樣式。其中，控制元素距離左側的距離也是經常遇到的問題。 在 CSS 中，我們可以使用 `left` 屬性來控制元素距離其父元素左側的距離。例如： ```css div { position: absolute; left: 20px; } ``` 上面的例子中，我們使一個 `div` 元素的 `position` 屬性為 `absolute`，然后使用 `left` 屬性將其距離父元素的左側移動了 20 像素。如果我們將 `left` 值改為 50px，那么該元素將向右移動 50 像素。 此外，我們還可以使用 `margin-left` 屬性來控制元素的左側距離，例如： ```css div { margin-left: 30px; } ``` 上面的例子中，我們通過 `margin-left` 屬性將元素距離父元素的左側移動了 30 像素。 需要注意的是，`left` 屬性僅適用于 `position` 屬性值為 `absolute`、`fixed` 或 `relative` 的元素。而 `margin-left` 屬性則可以適用于任何元素。此外，使用 `left` 屬性控制元素的位置時，元素的位置會脫離其正常的文本流，因此可能會影響后續元素的位置。 以上是關于 CSS 中控制元素左側距離的一些介紹，希望對大家有所幫助。