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/

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

1 个答案: