如何在不同尺寸的div中定位图像？

Question

我试图将图片固定在屏幕右侧，固定高度。但是这种方式尺寸不适合不同的浏览器。我无法上传图片，因此很难描述......

#profile_pic {
    float: right;
    z-index: 99;
    position: absolute;
    right: 0;
    top: 12;
}

#profile_pic img {
    width: 12.73em;
}

我尝试用％，但它也没有这样工作......

Answer 1

尝试

#profile_pic {
    float: right;
    z-index: 99;
    position: absolute;
    right: 0;
    top: 12;
    height: 100%
}

#profile_pic img {
    width: 12.73em;
    height: 100%;
}

DEMO

Answer 2

删除float：right ...它不能用于绝对位置，设置高度和宽度，你还可以发布你的HTML