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

标签 html css

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

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

任何建议都会有所帮助。

谢谢。

JSFiddle:

jsfiddle.net/nH8bG/1

最佳答案

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

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

关于html - 当您折叠页面时,右侧的图像和左侧填充文本的 div 图像下降到文本下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24562392/

相关文章:

html - jsf页面中style和styleClass的区别

html - 我应该关心 IE Quirks 模式吗?

HTML5 枚举类型

css - Bootstrap - 删除移动设备上的框阴影

html - 使隐藏的标题仅出现在较小的屏幕上

html - 如何强制 Visual Studio 2010 刷新其错误列表窗口?

css - 没有 JavaScript 的简单等高 DIV 可能吗?

html - 使用CSS在表格单元格中居中对齐的元素?

jquery - <p> 标签不显示在嵌套的 div 层中

jquery - 如何防止页眉在窗口滚动时停止跳转