在CSS中，我们可以使用div标签来定义一个块状元素，div可以设置宽度、高度、边框等属性，是网页布局中非常常用的元素。

有时候，我们需要将多个div元素进行排列并且左对齐，这时候就需要使用CSS样式来实现。

<div class="box">
<p>这是一个div元素</p>
</div>
<div class="box">
<p>这是另一个div元素</p>
</div>

上面的代码表示定义了两个具有相同class属性的div元素，现在我们需要将它们左对齐，可以使用以下CSS样式：

.box {
float: left;
}

通过给div元素设置浮动属性，可以让多个div元素并排排列，并且左对齐。这种方式在网页布局中非常实用。

除此之外，我们还可以使用display属性来将多个div元素进行均分排列。

<div class="container">
<div class="box">Box1</div>
<div class="box">Box2</div>
<div class="box">Box3</div>
<div class="box">Box4</div>
<div class="box">Box5</div>
</div>

.container {
display: flex;
justify-content: space-between;
}
.box {
width: 20%;
}

上面的代码表示将一个父级div元素设为display: flex，同时使用justify-content属性将子元素进行空间均分排列。

以上就是CSS中使用div元素靠左对齐的方法。