div内的<p>标记中的图像大于div大小</p>

Question

嗨我有一个问题，我只面对wordpress的一个帖子。标签中

标签内的图像大于div的实际大小。因为这个用户无法区分不同的帖子。请检查图像

这是您可以查看的链接。

Link

Answer 1

图像向左浮动，因此它的父DIV“.entry-summary”需要扩展以容纳浮动元素。

要执行此操作，您需要将“overflow：hidden”添加到“.entry-summary”。

.entry-summary {
    overflow: hidden;
}

Answer 2

你可以尝试：

#div img{min-width:100%;height:auto}

这将保持纵横比，除非您想要在溢出时关闭

Answer 3

您可以在内容中添加float: left，如下所示：

.entry-content, .entry-summary {
margin: 1.5em 0 0 0;
text-align: justify;
width: 735px;
float: left;
}

这将导致div延伸到其所有内容：）