bootstrap 3 col height 100%

상위 element가 모두 100%여야 가능한가?

html, body {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

/* container-fluid */
.container-fluid {
    height: 100%;
}

.row {
    height: 100%;
    min-height: 100%;
}

.col {
    height: 100%;
    min-height: 100%;
}

.main {        
    height: 100%;
    min-height: 100%;
    background-color: #eeeeee;
    overflow: hidden;
}