Html 响应图像边界由其父对象的父对象确定？

我有一个反应灵敏的设计，一个帖子里面的图像大小取决于它的容器div.postinner“div.postwrapper”的宽度。 “.postwrapper”的宽度取决于窗口的宽度以及站点中是否存在其他元素

.postwrapper{
边框：1px实心#00f；
填充物：5px；
}
波斯特纳先生{
边框：1px实心#0f0；
最大宽度：10em；
填充物：5px；
}
.后期图像{
最大宽度：100%；
高度：自动；
}

文本文本文本文本文本文本文本
文本文本文本文本文本文本文本

我刚刚用jQuery做了这件事，如果你想要这个，请拿着它，只要运行代码片段，你可以看到，图像的宽度取决于

。postwrapper

的宽度

$（文档）.ready（函数（）{
var widthMain=$（'.postwrapper'）.width（）；
$（'.positmage'）.width（widthMain-10）；
});
.postwrapper{
边框：1px实心#00f；
填充物：5px；
宽度：50%；
}
波斯特纳先生{
边框：1px实心#0f0；
最大宽度：10em；
填充物：5px；
}
.后期图像{
高度：自动；
}

文本文本文本文本文本文本文本
文本文本文本文本文本文本文本
我刚刚用jQuery做了这件事，如果你想要这个，请拿着它，只要运行代码片段，你可以看到，图像的宽度取决于
。postwrapper
的宽度


$（文档）.ready（函数（）{
var widthMain=$（'.postwrapper'）.width（）；
$（'.positmage'）.width（widthMain-10）；
});
.postwrapper{
边框：1px实心#00f；
填充物：5px；
宽度：50%；
}
波斯特纳先生{
边框：1px实心#0f0；
最大宽度：10em；
填充物：5px；
}
.后期图像{
高度：自动；
}

文本文本文本文本文本文本文本
文本文本文本文本文本文本文本
奇怪的目标，不得不说。。。我担心你将不得不使用js。无论如何，你也可以尝试这样的方式：在媒体查询方面——也许这会带来预期的结果？谢谢你，这是大众的好主意。它可以为某人工作。虽然在我的例子中，边距（在JSFIDLE示例中为40px）不是常数。网站有一些用户隐藏的左栏，宽度的比例。postwrapper“的窗口宽度是可变的。奇怪的目标，不得不说。。。我担心你将不得不使用js。无论如何，你也可以尝试这样的方式：在媒体查询方面——也许这会带来预期的结果？谢谢你，这是大众的好主意。它可以为某人工作。虽然在我的例子中，边距（在JSFIDLE示例中为40px）不是常数。网站有左栏，部分用户隐藏，宽度的比例“.postwrapper”窗口的宽度是可变的。谢谢！我试过了，很管用。很好的解决方案。如果可能的话，我想避免使用js。谢谢！我试过了，很管用。很好的解决方案。尽管我希望尽可能避免使用js。