当您折叠页面时,图像在右侧,div左侧填充了文本,图像位于文本下方

时间:2014-07-03 20:01:29

标签: html css

我遇到了一些造型问题。我右边有一个图像,左边是文字,左边是文字;当您折叠页面时,图像会下降到文本下方,然后文本开始包装。我希望图像保留,文本包含在div中。

当我将图像定位为绝对图像并且我崩溃时,图像会覆盖文本。

任何建议都会有所帮助。

谢谢。

的jsfiddle:

jsfiddle.net/nH8bG/1

1 个答案:

答案 0 :(得分:0)

只需将图像元素放在.introParagraph div中,在所有文本之前,或者甚至应该在之后。然后使其向右浮动,并应用适当的边距,使其不会如此靠近文本。这应该使文本包裹在它下面。

和“正确”等级的div,你可以摆脱它。