如何将我的图像放在页脚标记内？

Question

我有一个非常基本的问题与html＆amp; CSS。我创建了一个带有<p>代码和<li>代码的页脚。在<li>标签内部我有一个图像，但是这个图像不在页脚之外。 如何让图片进入页脚标记？

HTML

<footer class="footer">
<p class="footerP">© Axel Halldin 2016 ©</p>
<li class="socialMedias"> <img class="facebook" src="facebook.jpg" href="https://www.facebook.com/axel.halldin1?fref=ts"/>
</li>
</footer>

CSS

.footer{
background-color:#003366;
margin:0;
padding:0;
width:90vw;
height:22.5vh;
float:right;
}

.footerP{
color:white;
font-family:FiraSans-Regular, sans-serif;
font-size:16px;
margin:0;
line-height:22.5vh;
}

.socialMedias{
float:right;
}

.facebook{
width:5vw;
height:10vh;
}

Answer 1

在.css中添加overflow:auto;，如下所示：

.footer{
background-color:#003366;
margin:0;
padding:0;
width:90vw;
height:22.5vh;
float:right;
overflow:auto;
}