如何增加图像大小但不增加其位于其中的容器大小

时间:2015-03-30 21:19:11

标签: html css

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

如何简单地增加图像在容器中占用的空间量?

使用CSS添加大小调整是否会覆盖HTML并使图像变大而不增加标题的大小?请帮助,我是这一切的新手。

2 个答案:

答案 0 :(得分:0)

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

在CSS中使用element{ padding:0; }来阻止此操作。

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

答案 1 :(得分:0)

也许你可以设置图像位置:绝对并设置容器位置:relative