javascript - 清除不适用于我的 div

Question

我有一个代码片段，我正在尝试清除黄色部分下的橙色部分。为什么 clear:left 不起作用？

http://jsfiddle.net/w5K4j/14/

#parent {
    height:300px;
    width:100px;
    float:left;
    border: 1px solid;
}

#unknown {
    float:right;
    height:50px;
    width:20px;
    clear:left; /* Shouldn't it make child(orange) div to float under? */
    background-color: yellow
}

#child {
    float:right;
    height:100px;
    width:50px;
    background-color: orange;
    /*text-align: center;*/
}

Answer 1

如果我没理解错的话，你应该清除 #child 并使用 right 值:

#child {
    float:right;
    clear: right;
    height:100px;
    width:50px;
    background-color: orange;
    /*text-align: center;*/
}

http://jsfiddle.net/w5K4j/15/