为什么我的图像没有浮动在我用JS中创建的图像的段落旁边

时间:2017-03-24 03:50:10

标签: javascript html css css3 css-float

我真的尝试了从课堂上移除绝对定位到删除一个元素的所有可能。

问题我想要我在JavaScript中创建的新图像以融入并取代我当前的图像。但是,当它没有位于图像的顶部时,我会因为绝对定位而理解它......问题在于,如果删除绝对定位,则创建的图像会消失在它的旁边。我几乎尝试了一切!有人可以帮忙吗?此外,当我上传我的JSfiddle时,第二张图片并没有出现,所以当我尝试不同的选项时,我拍摄了最新的快照。请帮忙!

Substring

https://jsfiddle.net/CheckLife/23w8ufLd/16/

This is what i want to happen but the problem is that the paragraph isnt floating next to it.

1 个答案:

答案 0 :(得分:0)

你几乎就在那里。

所以我修复你的CSS

<强> CSS

.img-container{
    float: left;
    //height: 220px; i remove the height
  overflow: hidden;
    position: relative;
}

Full DEMO