css - img 向右浮动后移至底部

Question

img 在 float:right;

之后移动到底部

请参阅页脚:http://qass.im/thestandard/

此页脚代码:

footer{
display:block;
margin:0 auto;
margin-bottom:50px;
width:800px;
height:100%;
clear:both;
}

.footer-content{
padding:80px;
padding-top:0;
padding-bottom:0;
}

footer p{
line-height: 1.714285714;
font-size:14px;
color:#555;
}

footer p a{
color:#555;
border-bottom:1px dotted #555;
}

.social-icon{
font-size:0;
float:right;
}

Answer 1

按照这种方式进行。

代码更改:

<div class="footer-content">

<div class="social-icon">
<a target="_blank" href="#"><img src="http://qass.im/thestandard/wp-content/themes/thestandard/images/twitter-footer.png"></a>
<a target="_blank" href="#"><img src="http://qass.im/thestandard/wp-content/themes/thestandard/images/facebook-footer.png"></a>
<a target="_blank" href="#"><img src="http://qass.im/thestandard/wp-content/themes/thestandard/images/google-footer.png"></a>
</div>

<p>
Powered by <a target="_blank" href="http://wordpress.org">WordPress</a> ©2013 The Standard, The Standard theme by <a target="_blank" href="http://qass.im/thestandard">Qassim.Dev</a>
</p>

</div>

这将使您的图像不会跳到底部。