css - HTML/Prestashop，将类别图像向左移动

Question

在正常的 prestashop 主题中，类别页面顶部有一个框，用于描述整个类别。该框具有轮廓并包含图片和一些文本。

文本通常位于图像下方，因此 block 会占用大量空间。我想将图像向左浮动，并在其周围环绕文字，使其变小。

我怀疑这很容易，因为图像和文本在 div 中，并且它们都在另一个 div 中作为轮廓。所以我只是将 float:left 添加到图像的 DIV 中。

图片向右移动OK，文字也流动了。但是，周围的 DIV 未正确调整大小，因此图像现在直接运行。

如何让封闭的 DIV 正确调整大小？

Answer 1

您需要强制包含的 div 包裹 float 内容。您可以通过几种方式做到这一点，一种是添加 overflow:hidden。

.content_scene_cat {overflow:hidden;}