html - 当您折叠页面时，右侧的图像和左侧填充文本的 div 图像下降到文本下方

Question

我在某些样式方面遇到问题。我右边有一个图像，左边有一个充满文本的 div；当您折叠页面时，图像会下降到文本下方，然后文本开始换行。我希望图像保留下来，文本包裹在它的 div 中。

当我将图像定位为绝对图像并折叠时，图像会覆盖文本。

任何建议都会有所帮助。

谢谢。

JSFiddle:

jsfiddle.net/nH8bG/1

Answer 1

只需将图像元素放在 .introParagraph div 中，在所有文本之前，甚至在 should 之后。然后让它向右浮动，并应用适当的边距，这样它就不会离文本太近。这应该使文本在其下方换行。

还有类为“right”的div，你可以去掉。