html - 如何增加图像大小但不增加其所在容器的大小

Question

所以我的问题是我正在尝试减少网站标题中浪费的黑色空间，现在标题的右下角有一个图像，如果我将其尺寸增加 100 像素，则需要完美地增加了空间，但是当我这样做时，它增加了标题的大小以适合图像，但空白空间刚刚变大了相同的数量。

我怎样才能简单地增加图像在容器中占用的空间量？

使用 CSS 添加大小是否会覆盖 HTML 并在不增加标题大小的情况下使图像变大？请帮忙，我是新手。

Answer 1

如果增加图像的大小也会增加容器的大小:检查外部元素上的padding。

使用 element{ padding:0; 在你的 CSS 中来防止这种情况。

您不应该用 CSS“覆盖 HTML”。所有样式都应使用 CSS 完成。如果您使用 CSS 设置容器的尺寸，如果高度设置为 100%，图像将填满最大空间。如果容器与图像的宽高比不同并且图像占据容器的 100% 高度和宽度，则会发生失真。