css - 我怎样才能防止父 div 与它的 child 一起成长？

Question

我在 div 中有一个 ul，并希望包含的 div 不受子 ul< 的影响 根据高度。

Jsfiddle:http://jsfiddle.net/9eCq6/3/

关于 jsfiddle，我希望黄色的 div 不比蓝色的 div 高，对于彩色 下面的文本 block >divs 不被红色 ul 压低——也就是说，我希望它与下面的文本 block 重叠。

我怀疑答案在于定位并受所应用的 float 的影响，但我还没有找到解决方案。我应该做什么或阅读什么来找到解决方案？

编辑:我不想给父项一个固定的高度，因为我不知道会添加什么内容。

Answer 1

使用绝对定位脱离父级。此外，您还需要 overflow: visible 和 clearfix:

.wrap {
    position: relative;
    overflow: visible;
}

.wrap::after {
    content: "";
    display: table;
    clear: both;
}

.right {
    position: absolute;
    top: 0;
    right: 0;
}

.right ul {
    position: absolute;
    top: 100%;
    left: 0;
}