Javascript 将div设置为其内容宽度的50%

我一直在搜索谷歌/论坛，但还没有找到答案。我想知道我是否可以，在CSS中，将一个div的大小调整到其内容宽度的50%。我看到calc（）不适用于auto，但基本上我想要实现的是width:calc（auto/2）。我可以在CSS中这样做，还是必须在页面加载到javascript/jquery中后这样做

---

注意：高度将是100%，其中有一个图像，因此我不想使用px值。

假设您的内部内容就是图像，可能是这样的：

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

也许我误解了这个问题，但我不明白为什么这不起作用。希望有帮助：）

---

编辑：我同意评论中所说的-实际上没有一种方法可以使用CSS来计算子对象的大小。

你不能根据其子对象的大小来调整div的大小，但反过来很容易。我想我首先需要你给我一个JSFIDLE。既然孩子们都是他们父母的形状，你怎么知道孩子有多大才能把它减半呢？这应该行得通，我可能会得到这样的结果。在我的例子中，应该是innerwidth/2，但对于代码是否可以工作，这里和那里都没有关系。我的主要问题是，这是否可以在css中实现，而这似乎是不可能的。您所能做的就是将子元素设置为其自身宽度的50%，并让父元素环绕该宽度，或者将子元素设置为其父元素宽度的200%。