如何浮动图像而不堆叠它们？

Question

我的响应式设计大多有效。图像在他们自己的DIV中，并且该div向左或向右浮动。图像的标题位于div中，因此它们与图像保持一致。默认情况下，图像div宽度设置为30％

如果我在连续的div之间放置足够的文本，我会得到一个令人愉悦的显示，文本环绕图像。

如果图像太近，但是它们堆叠在一起，我最终会有两个相邻的图像，以及一小段文本。

使用＆＃34; clear＆＃34;也消除了文本。

有没有办法浮动div，以便：

• 文字在它周围流动。
• 即使名义上有空间，第二张图像也不会与它相邻。

本质上我想浮动一个图像，但确保它与左边距齐平，而不是在其他东西之上。

此时我的过程是以多个有效宽度尝试每个页面，并根据需要添加更多文本/移动div。这相当耗时。我希望有一点时间我会发现DIVS之间需要X字，

在某些情况下，我会在一个DIV中堆叠多个图像。这适用于相关图像。

关于页面下方3/4问题的页面示例。：

http://sherwoods-forests.com/Trees/Leaf_Trees/Poplars/Columnar_Poplars.html

网站的CSS文件：

http://sherwoods-forests.com/2col.css

Answer 1

将浮动图像DIVs 放入文本容器中，而不是作为文本容器的兄弟。这样，文本应该在其周围浮动，并且不会受到其中一个图像DIV中clear的影响。

如果这不起作用，你必须发布你的代码 - 这个一般的答案就是我可以在没有实际代码的情况下给你的全部内容......