html - 清除页脚不起作用

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

在这里 fiddle :http://jsfiddle.net/RYYFw/8/

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

Answer 1

是您的注释 // 导致了错误。它在 CSS 中是不允许的。

使用/*注释*/