将div中的div固定到左下角用浮动

要将一个 div 固定到左下角，可以使用以下 CSS 属性：

position: fixed;
left: 0;
bottom: 0;

为了使用浮动，可以将这些属性改为：

position: absolute;
left: 0;
bottom: 0;

然后为容器 div 添加以下 CSS 属性：

width: 100%;
height: 100%;

最后，在嵌套 div 中添加以下 CSS 属性：

float: left;
clear: left;

这样就可以将嵌套 div 固定到左下角了。

相关问题

将div中的div固定到左下角不能用浮动

可以使用绝对定位来实现将一个div固定到另一个div的左下角，而不使用浮动，具体实现如下：

首先，在包含内部div的外部div上设置相对定位(position: relative)。

然后，在内部div上设置绝对定位(position: absolute)，并设置bottom和left属性为0，这样就可以将内部div固定在外部div的左下角了。

HTML代码：

<div class="outer">
  <div class="inner">这是内部div</div>
</div>

CSS代码：

.outer {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: #f5f5f5;
}

.inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-color: #ccc;
}

这样就可以将内部div固定在外部div的左下角了，而不使用浮动。

将div中的div固定到左下角不能用浮动和定位

如果不能使用浮动和定位，则可以使用flexbox布局来实现。具体实现如下：

HTML代码：

<div class="outer">
  <div class="inner">这是内部div</div>
</div>

CSS代码：

.outer {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  width: 200px;
  height: 200px;
  background-color: #f5f5f5;
}

.inner {
  width: 50px;
  height: 50px;
  background-color: #ccc;
}

这样就可以将内部div固定在外部div的左下角了，而不使用浮动和定位。具体实现思路是，将外部div设置为flex容器，设置align-items属性为flex-end，justify-content属性为flex-start，这样内部div就会靠着外部div的左下角对齐。