Html 页脚右侧的Css图像

我试图创建一个页脚与2谁链接到一个页面的图像

两个链接/图像应位于页脚右侧

图像应相邻，留有一点空白

我如何用css管理它

<footer>
    <a href="http://www.google.de/" target="_blank">
        <img src="test.jpg" alt="logo.jpg">
    </a>
    <a href="http://www.google.de" target="_blank">
        <img src="test.jpg" alt="logo.jpg">
    </a>
</footer>

---

您好，如果您使用的是引导框架，请尝试以下代码

html

---

把它们包在一个小盒子里，然后浮起来

CSS:

HTML:

---

您可以对超链接使用float:right

页脚a{ 浮动：对； } 页脚a：第一个孩子{ 左边距：10px； }

---

和标记相比，元素的直接浮动将颠倒它们的顺序。是的。如果图像符合页脚高度，您必须在HTMLI中交换它们？您可以尝试：img{max width:100%；}或img{max height:100%；}。我相信调整一个尺寸也会调整另一个尺寸。取决于它们的原始大小，但是它们可能看起来很奇怪。etcI不明白为什么我的图像会从页脚中消失。请提供一个小提琴或其他与页脚大小相关的css演示。谢谢，我看到了发生的事情。图像的内部容器没有高度，因此可以这样设置：。图像容器{height:inherit；}因此它获取页脚高度。然后图像可以适当地受益于.images容器img{max height:100%；}或height:100%（如果希望填充）。这里有一个更新的提琴：我希望链接正确打开。

<footer class="clearfix">
  <ul class="links pull-right">
   <li> <a href="http://www.google.de/" target="_blank">
        <img src="test.jpg" alt="logo.jpg">
    </a>
     </li>
    <li>
    <a href="http://www.google.de" target="_blank">
        <img src="test.jpg" alt="logo.jpg">
    </a>
      </li>
    </ul>
</footer>

.links
{
  list-style-type:none;
  padding:0;
}
.links li
{
  display:inline-block;
}

.images-container {
   float: right;
}

.images-container a {
    margin-left: 5px;
}

<footer>
<div class="images-container">
    <a href="http://www.google.de/" target="_blank">
        <img src="test.jpg" alt="logo.jpg">
    </a>
    <a href="http://www.google.de" target="_blank">
        <img src="test.jpg" alt="logo.jpg">
    </a>
</div>
</footer>