具有位置的div的CSS min-height:relative

时间:2016-03-14 01:27:32

标签: css

如何自动扩展position:relative的div?我应该使用jQuery吗?没关系,请帮帮我!

我做了一个小提琴。如果你看到了,你可以很容易地理解我想要的东西。

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

1 个答案:

答案 0 :(得分: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时,它们不属于正常的文档流程。