css - 使用 css 的两列和一个页脚

Question

我想创建一个适用于几乎所有浏览器(包括 IE7、firefox 3)的健壮的 css 样式显示两列和一个页脚。我试图实现以下代码，但我有一个问题:A 和 B 不在同一水平面上。请帮助我修复 css 样式。

Click here for the current example .

HTML

<div class="container">
  <div class="left">A</div>
  <div class="right">B</div>
  <div class="footer">C</div>
</div>

CSS

div.container {
    background: none repeat scroll 0 0 #9999CC;
    margin: 0 auto;
    width: 750px;
}
.left{
    background: none repeat scroll 0 0 #99CC99;
    float: left;
    width: 50%;
}
.right {
    background: none repeat scroll 0 0 #9999CC;
    float: right;
    width: 50%;
}
.footer {
    background: none repeat scroll 0 0 #CCCC99;
    clear: both;
}

Answer 1

http://jsfiddle.net/euYTQ/6/

您在 class 中缺少一个 s。