Witam, czemu ten div się nie dopasowuje do reszty strony? Dokładniej chodzi mi o wysokość.

[HTML] pobierz, plaintext 
.main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
    min-height: 100%;
    width: 230px;
    z-index: 810;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}
[HTML] pobierz, plaintext 

Ma się od dopasowywać do wysokości tego diva.

[HTML] pobierz, plaintext 
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
[HTML] pobierz, plaintext 

bo nie masz ustalonej minimalnej wysokości, to nie ma do czego wyrównywać, jak nie potrzebujesz bc to flex to rozwiazuje

Ustawiłem dla .box min-height: 1000px; i nic to nie zmieniło.

daj jsfiddle

Robię to na boostrapie, więc ciezko będzie skopiować całość, dokładniej chce powiekszać tło menu z lewej do długości srodka strony.

// edit, rozwiązane, dodałem tło menu do body.

no chodzi o generalny zarys bo tak przecież nie zgadnę, byle dało sie zauważyć to co ma, tam mozesz sobie zainportowac bootstrapa