如何使子图像比父div大并放置在任何位置

Question

I have a parent container div with display: inline-block . This allows me to adjust the image height using % values. I can't adjust the width beyond 100% though which I need.

How in css/html can I setup a parent div and child image so that I can use % values to scale the image larger then the parent and position the image top and left with % values?

Answer 1

for example:

div {
    width:  50%; 
}
img {
    width: 150%;
    margin-right: -50%;
}

JSFIDDLE