Html 如何解决图像布局/定位问题？

再现问题的最低代码：

---

图像与支柱基线垂直对齐，基线由div的字体大小和线条高度决定

包含支柱和img的线超出div高度，并且由于div的溢出设置为“可见”，因此图像显示在div下方

要进行固定，请通过设置断开与支柱的垂直对齐

img {
  vertical-align:top;
}

img{
垂直对齐：顶部；
}

---

您还可以将img的显示类型指定为“块”

.block img{
显示：块；
}

你觉得它怎么样？对于您提供的代码片段，实际上没有任何内容可供查看或复制。它是什么样子的？请添加显示问题的图片和预期布局的图纸。谢谢。它起作用了！但是为什么div溢出，图像不需要调整以适应它吗？如果我们将div高度增加到15px，为什么一切都显示得很好？“…图像不需要调整吗？”不，CSS规范中没有任何说明应该调整，更不用说什么时候应该进行调整，或者调整的具体内容。当div高度增加到15px时，它包含了支柱的基线，图像完全位于其上方，因此位于div内部。