侧边栏高度随中间内容高度自适应

  • 经常看见一个管理系统右侧边栏,要使得侧边高度随着和中间内容增多而增高。如图:

实现css代码:

    
/* 父元素 */
.wrap {
    overflow: hidden;
}
/* 左侧分栏 */
.left {
    width: 200px;
    background: #f00;
    float: left;
    margin-bottom: -3000px;
    padding-bottom: 3000px;
}
/*中间内容区域*/
.center {
    height: 500px;
    background: #00f;
    margin: 0 10px;
}

完整代码

你可能感兴趣的:(css)