css - 我有一个 css 样式，但对齐在 chrome 中是固定的，但在 Firefox 中没有

Question

我的页面中使用了以下 css 编码。但在 chrome 中，它可以很好地显示图像。但在 Firefox 中它会中断。我不知道为什么会这样显示。如果有人知道解决方案，请帮助我。提前致谢。

.vote
{
    position:absolute;
    margin: 53px 3px 0 115px;
}

http://domian.com/mysite/pollpage.php?id=2&mview=72

这是我的网站页面。投票图像对齐是correct in chrome但是not in firefox

Answer 1

添加相对位置

.contentbox
{
 position: relative;
}

并删除边距，添加底部和右侧

.vote {
position: absolute;
bottom: 0;
right: 45px;
}

Answer 2

...

现在定义您的主 div并根据您的设计#polling .pollpagewidth div .contentbox position relative赋予img tag position absolute并定义右值或底部值

嗨，现在在您的样式表中添加这个 css并解决了这个问题

#polling .pollpagewidth div .contentbox{
position:relative;
}

.contentbox > img {
    bottom: 16px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 43px;
}