清除页脚不起作用

Question

我试图像这样清除页脚：

<div>
    <div class="left">Left</div>
    <div class="right">Right</div>
    <div class="footer clear">Footer</div>
<div>

---

.left {
    background-color: red;
    float: left;
}

.right {
    background-color: blue;
    float: right;
}

.footer {
      background-color: orange;
}

// clear
.clear {
   clear: both;
}

在这里小提琴：http://jsfiddle.net/RYYFw/8/

但页脚没有清除。有谁知道为什么？

Answer 1

这是您的评论//导致错误。它不允许在CSS中使用。

使用/* comment */

Answer 2

如果您删除了无效的//评论，那么您将获得所需的结果..