Question

如何仅使用div创建两列页脚？（无表）

页脚应该包含980px ....

关于我们|隐私|条款（右侧）

Answer 1

你可以这样做：

CSS：

.Footer_outer{
width: 980px;
border: 1px solid;
}

.Footer_inner_left{
width: 49%;
Float: left;
display:inline;
}

.Footer_inner_right{
width: 49%;
Float: right;
display:inline;
}

HTML：

<div class="Footer_outer">
  <div class="Footer_inner_left">Copyright 2010 xyz.com </div>
  <div class="Footer_inner_right">About us | privacy | terms </div>
</div>

Answer 2

在你的css中：

#footerLeft { width: 47%; float: left; display: block; 50px;}
#footerRight { width: 47%; float: right; display: block; height: 50px; }
#footer { width: 100%; height: 100% width: 980px; }

HTML：

<div id="footer">
<div id="footerLeft">Copyright 2010 xyz.com</div>
<div id="footerRight">About Us | Privacy | terms </div>
</div>

查看http://www.blueprintcss.org/框架，它会让生活更轻松。

Answer 3

的CSS：

#footer { overflow:hidden; width:980px; margin:0 auto; }
#footer #copy { float:left; display:inline; width:490px; }
#footer #links { float:right; display:inline; width:490px; }

HTML：

<div id="footer"><div id="copy">copyr..</div><div id="links">blah</div></div>

创建两个列页脚使用div？

3 个答案: