在CSS中，我們可以使用多種方法讓兩個塊元素向左對齊，以下是一些常見的解決方案：

1、使用浮動（float）：

- 將兩個塊元素都設(shè)置為float: left;，這樣它們會浮動在同一行上，從左到右排列。

- 示例代碼：

```css

.block1, .block2 {

float: left;

}

```

2、使用彈性布局（Flexbox）：

- 將父元素設(shè)置為display: flex;，然后為子元素設(shè)置align-self: flex-start;，這樣它們會緊密排列在左側(cè)。

- 示例代碼：

```css

.parent {

display: flex;

}

.block1, .block2 {

align-self: flex-start;

}

```

3、使用網(wǎng)格布局（Grid）：

- 將父元素設(shè)置為display: grid;，然后為子元素設(shè)置justify-self: start;，這樣它們會排列在左側(cè)。

- 示例代碼：

```css

.parent {

display: grid;

}

.block1, .block2 {

justify-self: start;

}

```

4、使用相對定位（Relative Positioning）：

- 將兩個塊元素都設(shè)置為position: relative;，然后為***個元素設(shè)置left: 0;，第二個元素設(shè)置left: -100%;，這樣第二個元素會緊接在***個元素的左側(cè)。

- 示例代碼：

```css

.block1, .block2 {

position: relative;

}

.block1 {

left: 0;

}

.block2 {

left: -100%;

}

```

5、使用***定位（Absolute Positioning）：

- 將兩個塊元素都設(shè)置為position: absolute;，然后為***個元素設(shè)置left: 0;，第二個元素設(shè)置left: 0; top: 0;，這樣第二個元素會覆蓋在***個元素的左側(cè)，這種方法適用于需要覆蓋或疊加的情況。

- 示例代碼：

```css

.block1, .block2 {

position: absolute;

}

.block1 {

left: 0;

}

.block2 {

left: 0; top: 0; /* 可以根據(jù)需要調(diào)整 top 值 */

}

```

選擇哪種方法取決于你的具體需求和布局上下文，希望這些示例能幫助你找到適合你的解決方案！