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

ここでフィドル：http：//jsfiddle.net/RYYFw/8/

しかし、フッターはクリアされていません。誰かが理由を知っていますか？

Answer 1

//エラーの原因はあなたのコメントです。CSSでは許可されていません。

使用する/* comment */

Answer 2

無効な//コメントを削除すると、希望する結果が得られます。