Make div 50% width of its contents

Question

I have been looking around google/forums and havent really found an answer to this. I am wondering if I can, in CSS, size a div to 50% width of its contents. I see that calc() doesnt work with auto, but basically what I want to accomplish is width: calc(auto/2). Can I do this in CSS, or does it have to be done after the page is loaded in javascript/jquery?

Note:the height will be 100% with an image in it so I wont want to use px values.

Answer 1

Assuming that your internal content is just the image, maybe something like this:

var innerwidth = $('.parentdiv').children('img').width();
$('.parentdiv').css('width', innerwidth);

Maybe I'm misunderstanding the question, but I don't see why this wouldn't work. Hope it helps :)

Edit: I am agreeing with what the comments said - there really isn't a way to use CSS to figure out the size of a child.