javascript - 清除不适用于我的 div

Question

我有一个代码片段，我正在尝试清除黄色 div 下的橙色 div。为什么很清楚：左不工作？

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

这是更新的小提琴

与其清除元素内的浮动，不如创建一个您可以随时使用的类。

用于<div class="clearfix"></div>在需要的地方清除浮动

以下是对您的小提琴所做的更改

HTML

<div id="parent">
<div id="unknown"></div>
<div class="clearfix"></div>
<div id="child">
    <h3>Click this overflowing text that I'd like to V/H center when rotated</h3>
</div>
</div>

CSS

#unknown {
float:right;
height:50px;
width:20px;
//removed clearance
background-color: yellow
}

.clearfix{clear:both;} //added new class

希望这对你有帮助！

Answer 2

如果我理解正确，您应该清除#child并使用该right值：

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

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

Answer 3

这是你想要的？

http://jsfiddle.net/w5K4j/25/

#unknown {
float:right;
height:50px;
width:20px;
clear:left;
background-color: yellow;
clear:both; float:none;
}