设置子类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` 的值来实现。

相关问题

设置子类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` 属性需要分别设置为其高度和宽度的一半，以实现在水平和垂直方向上都居中。