Absolute/relative positioning div with child

[lastshepherd]

I’m using absolute positioning and i got this problem:

I have:

Div A {
    top: 0;
    right: 0;
    width: 370px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    Div child A {
        position: relative;
        height: 60px;
    }
    Div child B {
        position: absolute;
        height: 100%;
        overflow -y: scroll ;
    }
}

The problem is that i want to scroll overflow of the Div child B but i cant because it’s calculate the Top and Right from top-right and in will fall out of the button of my page that i don’t want. i want the height to be calculated from what is left of the space in Div A.
i can’t use percentage because it will look ugly in different screens.

Any help or tip would be appropriated.

[Shikkediel]

From what I can tell…

child_B {
height: calc(100% - 60px);
}

[lastshepherd]

All the thanks in the world to you.

[Author]

Posts