[分享]css中div中的div居左

在CSS中，div是我们经常用到的标签之一，它可以用来创建一个容器，方便我们对一些元素进行集中控制。如果我们想要在div中创建另一个div，同时让其居左，就需要用到CSS的一些技巧，下面我们来进一步了...

在CSS中，div是我们经常用到的标签之一，它可以用来创建一个容器，方便我们对一些元素进行集中控制。如果我们想要在div中创建另一个div，同时让其居左，就需要用到CSS的一些技巧，下面我们来进一步了解一下。

<div class="outer">
  <div class="inner"></div>
</div>

.outer {
  width: 200px;
  height: 200px;
  background-color: red;
}

.inner {
  width: 100px;
  height: 100px;
  background-color: blue;
  float: left;
} 

在上面的代码中，我们首先创建了一个名为outer的div，然后在其中嵌套了一个名为inner的div。接下来，我们需要使用CSS来让inner居左，这里我们使用了float: left属性来实现。通过将inner浮动到其所在的容器左侧，我们就能够实现让其居左的效果。

需要注意的是，如果我们想要让inner与outer的左侧边缘对齐，还需要为outer设置一定的宽度值。否则，inner不管怎么居左，都无法避免与outer的边缘存在一定的距离。

此外，如果我们想要让inner居中或居右，同样可以使用这种方法来实现。只需要将float属性的属性值改为center或right即可。

总之，在CSS中，通过使用float属性，我们可以轻松实现让div中的div居左，居中或者居右的效果。希望本文对大家有所帮助。