Javascript p删除图像时采用100%宽度

我有一个包含段落和图像的

div

容器，我希望只有在删除图像时，段落的宽度才为100%，仅在此处代码：

<div class="dynamicPageImageConstant">
    <img alt="" src="/Upload/Images/DynamicImages/Subsea Package.jpg">
    <p> this is the paragraph</p>
</div>

.dynamicPageImageConstant {
    float: left;
    padding: 1px;
    width: 96%;
}
.dynamicPageImageConstant p {
    width: 100%;
}

这是一段

.dynamicPageImageConstant{
浮动：左；
填充：1px；
宽度：96%；
}
.动态图像常数p{
宽度：100%；
}

当我这样做的时候，段落的文本会沿着图像向下移动，部分内容被隐藏。我可以用CSS解决这个问题，还是需要jQuery

此处为问题的屏幕截图，以了解更多信息

---

我不确定这是否最合适，因为要确定您所追求的具体内容有点困难。但是您可以将规则应用于仅跟随

img

标记的

p

标记，以覆盖图像不存在时的默认设置：

.DynamicPageImageContant p{ /* default p styling, e.g. with no image present */
    width: 100%;
}

.DynamicPageImageContant img + p{ /* p styling with image present */
    width: auto;
}

更新： HTML

---

此代码将执行以下操作：

<div class="dynamicPageImageConstant">
    <img alt="" src="/Upload/Images/DynamicImages/Subsea Package.jpg">
    <p> this is the paragraph</p>
</div>

<style>
.dynamicPageImageConstant {
   width: 100%;
padding: 1px;
}
.dynamicPageImageConstant p, .dynamicPageImageConstant img {
    display: inline-block;
width: auto;
} 
</style>

这是一段

.dynamicPageImageConstant{
宽度：100%；
填充：1px；
}
.dynamicPageImageConstant p、.dynamicPageImageConstant img{
显示：内联块；
宽度：自动；
} 

那么问题出在哪里？这是

您好，您的代码正常工作了吗？您应该告诉我们您想要实现什么。我觉得你在尝试一个复杂的解决方案来解决一个简单的问题。是的，我在这里输入时犯了唯一的错误，但这不是我问题的答案是的，是的，但当图像中出现p文本时，问题是相同的，因为如果jquery有更好的称呼，它的宽度是100%，OK
.DynamicPageImageContant img {
    float:right;
    margin:0 5px 5px 0;
}
.DynamicPageImageContant p {
    display:inline;
}

<div class="dynamicPageImageConstant">
    <img alt="" src="/Upload/Images/DynamicImages/Subsea Package.jpg">
    <p> this is the paragraph</p>
</div>

<style>
.dynamicPageImageConstant {
   width: 100%;
padding: 1px;
}
.dynamicPageImageConstant p, .dynamicPageImageConstant img {
    display: inline-block;
width: auto;
} 
</style>