与列的造型页脚链接

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;进行版权段落以在左侧对齐元素以下。