样式页脚与列链接

时间:2017-04-22 14:29:29

标签: html css footer

我目前正在制作一个带有三列和内部链接的样式页脚。除了我想要放在三列之下的版权线之外,一切正常。问题:它贴在第三列旁边,不会向下移动。我尝试用这个来做这件事。和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>

1 个答案:

答案 0 :(得分:2)

您应该使用clear: left;版权段落在左对齐元素下方。