側邊欄高度隨中間內容高度自適應

  • 經常看見一個管理系統右側邊欄,要使得側邊高度隨着和中間內容增多而增高。如圖:

clipboard.png

實現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;
}

完整代碼

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章