设置子类div在父类div的左下角

你可以使用 CSS 的定位属性来实现子元素在父元素的左下角定位，具体的代码如下：

.parent {
  position: relative;
}

.child {
  position: absolute;
  bottom: 0;
  left: 0;
}

上述代码中，首先给父元素 `.parent` 设置了 `position: relative`，这样子元素 `.child` 就可以通过设置绝对定位来相对于其父元素进行定位。然后，给子元素 `.child` 设置了 `position: absolute`，并分别设置了 `bottom: 0` 和 `left: 0`，这样子元素就会垂直贴着父元素的底部，水平贴着父元素的左边。

如果你需要微调子元素的位置，可以通过调整 `bottom` 和 `left` 的值来实现。

相关问题

如何设置子类div相对父类div位置

可以使用CSS的position属性来设置子元素相对于其父元素的位置。具体来说，有以下几种方法：

1. 使用position: relative和top/left/right/bottom

使用position: relative设置父元素的定位属性，然后在子元素中使用top/left/right/bottom等属性来设置子元素的位置。例如：

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 50px;
  left: 50px;
}

上述代码中，父元素的position属性设置为relative，子元素的position属性设置为absolute。然后通过top和left属性来设置子元素相对于父元素的位置。

2. 使用margin

可以使用margin属性来设置子元素相对于父元素的位置。例如：

.parent {
  position: relative;
}

.child {
  margin-top: 50px;
  margin-left: 50px;
}

上述代码中，父元素的position属性设置为relative，子元素的margin属性设置为50px，即可实现子元素相对于父元素的位置。

3. 使用transform

可以使用CSS的transform属性来设置子元素相对于父元素的位置。例如：

.parent {
  position: relative;
}

.child {
  position: absolute;
  transform: translate(50px, 50px);
}

上述代码中，父元素的position属性设置为relative，子元素的position属性设置为absolute。然后使用transform属性的translate()方法来设置子元素相对于父元素的位置。

无论使用哪种方法，都需要将父元素的position属性设置为relative或absolute，才能使子元素相对于父元素进行定位。

设置子类img在父类div的正中间

可以使用 CSS 的定位属性来实现将子类 `img` 定位在父类 `div` 的中心位置。

首先，需要将父类 `div` 的定位属性设置为 `relative`，表示该元素的定位是相对于其父元素。然后，将子类 `img` 的定位属性设置为 `absolute`，表示该元素的定位是相对于最近的已定位祖先元素，如果没有已定位的祖先元素，则相对于文档的 body 元素。

接着，使用 `top` 和 `left` 属性将子类 `img` 定位在父类 `div` 的正中心。具体的偏移量可以根据图片大小和父类 `div` 大小来进行计算。假设子类 `img` 的宽度为 200 像素，高度为 100 像素，父类 `div` 的宽度为 400 像素，高度为 300 像素，可以这样写：

.parent {
  position: relative;
  width: 400px;
  height: 300px;
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 100px;
  margin-top: -50px; /* 子类 img 的高度的一半 */
  margin-left: -100px; /* 子类 img 的宽度的一半 */
}

这样就可以将子类 `img` 定位在父类 `div` 的正中心了。注意，子类 `img` 的 `margin-top` 和 `margin-left` 属性需要分别设置为其高度和宽度的一半，以实现在水平和垂直方向上都居中。