스타일 CSS

Cascading Style Sheets

CSS로 하는게 비용이 적게 들기 때문에 가능하다면 CSS로 처리하는게 좋다.

/* absolute는 최대한 지양하고 다른 방법을 활용해보자 */

main {
    display: table;
    height: 540px;
    
    div {
        display: table-row;
        height: 60px;
    }
}

parent {
    child {
        height: 100%;
        overflow-x: hidden;
}

parent {
    display: flex;
    flex-direction: column;
    
    child {
      flex: 1 1 100%;  
    }
    
    child {
        flex: 1 1 80px;
    }
}

parent {
    child{
        position: stikcy;
        bottom: 0;
    }
}

Last updated