样式页脚链接与列

Question

我目前正在制作一个带有三列和链接的风格页脚。除了我想要放在三栏下面的版权线外，一切都很好。问题：它紧挨着第三列并且不向下移动。我试图用一些nbsp;和p和br标记黑客。这在桌面上运行良好，但在移动设备上看起来很糟糕。我想要这个响应。你们知道如何将版权行对齐地排列在三列之下吗？谢谢你的帮助。

这就是我到目前为止。 （这里有一个小提琴，以及：https://jsfiddle.net/hLLfrcwo/）

<style type="text/css" media="screen"> 
footer{ 
height: auto; 
padding:1px 15px; 
width:auto; 
} 
#footer_info_tab{ 
float:left; 
width:auto; 
padding:10px; 
} 
#footer_resources_tab{ 
width:auto;;  
float:left; 
text-align:justify; 
padding:10px; 
} 
#footer_recommend_tab{ 
float: left; 
width:auto; 
text-align: justify; 
padding:10px; 
} 

</style> 

<footer> 
    <div id="footer_info_tab"><b>Info</b><p>Bla<br>Bla<br>Bla<br>Bla<br></div> 
    <div id="footer_resources_tab"><b>Resources</b><p>Bla<br>Bla<br>Bla<br>Bla<br></div> 
    <div id="footer_recommend_tab"><b>We Recommend</b><p>Bla<br>Bla<br>Bla<br>Bla<br></div> 
    <p><br>&nbsp;<p><br>&nbsp;<p><br>&nbsp;<br>&#x24B8;&nbsp;2011-2017 Company. All rights reserved. 
</footer> 

Answer 1

您应该使用clear: left;版权款去下面左对齐的元素。