Html CSS：将div与父div的底部对齐

我有一个类似于我创建的JSFIDLE的布局。我想知道如何让蓝色div将自己定位在底部（红色div延伸的地方），不管发生什么（但不要使用

position:fixed；

或

bottom:0；

）

---

我怎样才能做到这一点呢？

在所有东西周围放置一个包装器

div

，并应用

高度：400px和
位置：相对到它。然后使用
位置：绝对，
底部：0和
右侧：0在蓝色的
div
hmm

清除左边的div

因为一切都是浮动的，我认为没有一些定位是不可能的

嗯，有一个

但它确实使用定位。
啊。。。你指的是CSS。也请检查此项：。
请检查此项

使用换行div包含所有布局div，并对蓝色div使用绝对定位

.right-main {
      width: 100px;
      **height: 400px;**
      background-color: green;
    **position: relative;**
    } 

.bottom-right {
      background-color: blue;
      **position:absolute;**
      **bottom: 0;**
    }

当红色div中的内容扩展时，它不会影响蓝色div的位置。是的，那么你需要一个最小高度：400px的包装div和红色div。可能还需要一个溢出：隐藏在包装div上，以保持你的浮动向下推包装器…这不起作用。我对使用定位很在行，只是想不出如何将某个东西定位在红色div的底部。
.right-main {
      width: 100px;
      **height: 400px;**
      background-color: green;
    **position: relative;**
    } 

.bottom-right {
      background-color: blue;
      **position:absolute;**
      **bottom: 0;**
    }