Клиринговый Footer не работает

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.

/* comment */ Использование

Answer 2

Если удалить неверную // комментарий, вы получите желаемый результат ..