如何将图片放入页脚标签中？ [复制]

Question

我对 html 和 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;
}