Css 使用div创建两列页脚？

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

页脚是980px，它应该包含

版权所有2010 xyz.com（左侧）

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

在您的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:

版权所有2010 xyz.com
关于我们|隐私|条款

查看框架，它将使生活更轻松。

在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:

版权所有2010 xyz.com
关于我们|隐私|条款

---

查看框架，它将使生活更轻松。

您可以这样做：

CSS:

HTML:

版权所有2010 xyz.com
关于我们|隐私|条款

您可以这样做：

CSS:

HTML:

版权所有2010 xyz.com
关于我们|隐私|条款

css：

html:

copyr

css：

html:

copyr

google搜索“两列css布局”@meder:google搜索两列css布局可以提供无数的结果，其中很少有结果与页脚有关。首先对海报要有一点诚意。页脚不是“特别的”，它们和其他元素一样。它与带有内容/边栏栏栏的包装器没有什么不同。谷歌搜索“两栏css布局”@meder:google搜索两栏css布局可以提供大量结果，其中很少有结果与页脚有关。首先对海报要有一点诚意。页脚不是“特别的”，它们和其他元素一样。它与带有内容/侧边栏列的包装器没有什么不同。显示：block不是必需的，宽度：100%后跟980px是多余的，怀疑高度：100%有任何作用。另外，你没有包含浮动。正确-不需要宽度：100%在#页脚中--我应该在发布前校对。显示：block不是必需的，宽度：100%后跟980px是多余的，请怀疑高度：100%是否有任何作用。另外，您没有包含浮点数。正确-不需要宽度：100%在#页脚中-我应该在发布之前进行校对。这将呈现982px组合宽度元素。此外，未包含浮动。这将呈现982px组合宽度元素。此外，未包含浮动。

.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;
}

<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>

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

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