卡住!我需要一些帮助来创建这个页脚

时间:2013-07-15 10:44:16

标签: image twitter-bootstrap footer

这是我在这里的第一篇文章。 我想知道你是否可以建议我如何在这张图片中制作页脚:
http://i5.minus.com/ik0O1e7e2qWQd.jpg

到目前为止,我有这样的结果:
http://www.seann.biz/testflight
但我不能完全正确地提供页脚。我顺便使用bootstrap。 正如你所看到的那样,有两列宽度相同但颜色各异的颜色,我希望先将这两列排序,然后再将其余的排序。 这是我编写的第一个完整的网站,如果它有点乱,那就很抱歉

1 个答案:

答案 0 :(得分:0)

您可以使用css width:50%然后float:left,最后添加

这样的事情:

<div id="footer" style="width:100%;height:300px">
  <div id="footerleft" style="width:50%;height:300px;background-color:#000;float: left;"></div>
  <div id="footerright" style="width:50%;height:300px;background-color:#ccc;float: left;"></div>
</div>

希望这会有所帮助

修改

检查这个小提琴http://jsfiddle.net/X4tdz/

将以下css添加到图像

  • position:absolute
  • left:50%
  • top:50%
  • margin-left:-50px //图片宽度的一半
  • margin-top:-50px //图像高度的一半

确保图像的父div设置为position:relative

PS:如果您有任何NEW个问题,请提出新问题,以便其他人也能提供帮助。