css - 为什么这个 div 容器会阻止另一个容器浮动？

Question

我知道答案很简单，它可能是一个小的 CSS 属性，但我试图找到解决方案而不在这里问它，没有运气..

一个 div 容器中有两个 div 容器，它们玩得不好。

一个定位在父 div 的右上角浮动，它不会让任何其他容器浮动到它的右侧。

我试过了display:inline，display:inline-block但没有运气...

这是代码，虽然有些东西告诉我答案很简单，你不需要它！：

父 div、右上角 div 和试图向右浮动的可怜 div：

    #um-home-section4   {
    width:100%;
    height:300px;
    background-color: green;
}

#um-title-right {
    float:right;
    width:500px;
    height:50px;
    margin-right:20px;
    margin-top:20px;
    background-color: fuchsia;
}

#take-me-there  {
    float:right;
    margin-top:240px;
    margin-right:0px;
    height:50px;
    width:100px;
    background-color: gray;
}




<div id="um-home-section4">
                <div id="um-title-right"></div>
                <div id="take-me-there"></div>

            </div>

Answer 1

您只需要更改 HTML 中的顺序：

<div id="um-home-section4">
  <div id="take-me-there">
  </div>
  <div id="um-title-right">
  </div>
</div>

请参阅此演示http://jsfiddle.net/Rk4mr/11/