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

Question

我有一个主要适用的响应式设计。图像在他们自己的DIV中，并且div向左或向右漂移。图像的标题是在div中，所以他们留在图像。默认情况下图像的div宽度设置为30％

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

如果图像太靠近了，但是它们会堆叠起来，最后我会看到两个图像彼此相邻并且有一小段文字。

“清除”的使用也消除了文本。

有没有办法浮动一个div使：

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

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

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

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

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

Answer 1

把浮动：这个问题一个页面的左右上下页的方式：为网站

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

CSS文件3/4

例图像DIV 分为文本容器，而不是作为文本容器的兄弟。这样文字应该浮在上面，并且不会受到其中一个图像DIV中的clear的影响。

如果不工作，你必须发布您的代码 - 这一般的回答是我能给你没有实际的代码...