我的css代码工作不正常，图像跳了起来

Question

我真的很难弄清楚为什么我的css代码没有正确放置图像。每当我更改屏幕化时，图像就会从一个地方跳到另一个地方，因此图像不会完全放在我想要的位置:(

我使用的Css代码是：

.reviewbox{position:relative; margin-top:-900px; margin-left:450px; width:711px;}

实时视图为：http://dorchdanola-netbutik.dk/order/cart/

• 您将看到图像未放置在白色内容框下方。你能帮帮我解决这个问题吗？

非常感谢

Answer 1

你的形象没有跳来跳去。它的位置很差。

尝试将div集成到html的'flow'中。您正试图通过强制将它放置在正确的位置。

简单的html结构更好地使用了边距和定位。

Answer 2

在我看来，相对位置不是好方法，因为它取决于页面上所有元素的分辨率和大小...

最好的解决方案是在你的.cart

之后整合div

但如果不可能，你可以使用jquery在.cart之后动态添加图片。

尝试并调​​整此代码

$( ".cart" ).after( "<img src="xxxx" \>" );

Answer 3

David-IT是对的，这将是插入div的正确方法。

如果你正在使用jquery，这将完成这项工作（我不认为你甚至需要div）：

var htmlDiv = '<div><img src="http://dorchdanola-netbutik.dk/Resources/Files/Diverse/review-box.jpg"></div>';

$(".cart").after(htmlDiv);