如何在右下角对齐图像

Question

如何将图像放在页面右下角.

<div id="background-img" class="background-img" ></div>

.background-img{
    background:url('images/bg-img.png');
    width:100%;
    height:698px; 
    repeat-x;
}

我用1px图像创建了背景图像.现在我必须在页面右下角放置公司徽标如何做到这一点..

任何建议和如何编码这一个..进展谢谢...

Answer 1

你可以使用绝对定位:

position: absolute;
right: 0px;
bottom: 0px;

Answer 2

您可以使用position: fixed; bottom: 0px; right: 0px;它确保您的公司徽标始终显示在右下角 - 这意味着页面滚动不会影响其位置.

要么

您可以使用position: absolute; bottom: 0px; right: 0px;它来确保您的公司徽标被放置到某个位置,并且它受页面滚动的影响.

我创造了一个演绎差异的小提琴,JsFiddle的例子