樣式頁腳鏈接與列

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;版權款去下面左對齊的元素。