位置为 :relative 的 div 的 CSS 最小高度

Question

如何自动扩展具有 position:relative 的 div？我应该使用 jQuery 吗？没关系，请帮助我!

我做了一个 fiddle 。如果看到这一点，您就可以轻松理解我的意图。

https://jsfiddle.net/bexoss/roacL7o1/

Answer 1

更正一下:

.div1 { 
    position:relative;
    min-height:100px; 
    background-color:#ddd;
} 
.div2 { 
    position:relative; 
    left:0; background-color:red; 
    width:200px; 
    display:inline-block
}
.div3 { 
    position:relative; 
    left:250px; 
    background-color:yellow;
    width:200px; 
    display:inline-block; 
    vertical-align:top;
} 

主要问题是当元素使用 absolute 定位时，它们不是正常文档流的一部分。