CSS实现div的高度随着另一个div的高度改变

Web前端评论214阅读模式

给父元素parent设置相对定位,然后给left设置绝对定位,并且left不要高度,top值和bottom值为别为0;

parent也不要高度,它的高度是由子元素right撑开,这样就可以实现left的高度随着right的改变而变化了。

.parnet{
    width: 1000px;
    margin: 30px auto 30px;
    overflow: hidden;
    position: relative;
}
.left{
    width: 200px;
    background: #FFF;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
}
.right{
    width: 760px;
    min-height: 680px;
    background: #FFF;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证