Html 如何根据父对象按比例进行缩放?

Html 如何根据父对象按比例进行缩放?,html,css,Html,Css,我使用绝对div将我的centerbox放入imgwrap,但它不符合我imgwrap box的比例,即使它是他的父母。 当用户调整大小时,如何使中心框成为imgwrap的中心并按比例缩放? 正确的方法是什么?我以为绝对会跟着父母 知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。 是的,您是对的,但是您还需要指定与边缘的距离。加 top

我使用绝对div将我的centerbox放入
imgwrap
,但它不符合我imgwrap box的比例,即使它是他的父母。 当用户调整大小时,如何使中心框成为imgwrap的中心并按比例缩放? 正确的方法是什么?我以为绝对会跟着父母


知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。

是的,您是对的,但是您还需要指定与边缘的距离。加

top: 25%;
left: 25%;
right: 25%;
bottom: 25%;
#中心盒

您可能还需要调整其高度。
看到这个

不,当你缩小它时,你会看到图片根本没有包裹盒子,它不依赖于它的父对象,而是主体。
#centerbox
必须与图像成比例缩放,对吗?而且它总是在中心?检查其他JSFIDLE,这里我已经删除了
img
标记,并将图像背景设置为外部
div
。是的,但我不想拉伸背景大小,我想保持图像的比例,有什么办法吗?这就是为什么我使用高度:自动。
top: 25%;
left: 25%;
right: 25%;
bottom: 25%;