Rozmiar diva

Question

Witam.

mam diva, a w nim dwa inne.

główny div nazywa się main, ma w sobie divy child1 i child2.

child1 ma stałą wartość pixelową (100px), child2 powinien wypełniać pozostałą przestrzeń rodzica main, lecz niestety rodzic main ma zmienne wartości.

Co nadać child2 aby wypełnij pozostałą pustą część rodzica main, gdy jest w nim element z wartością stałą child1?

Answer 1

Można użyć funkcji CSS calc(100% - 100px)

Answer 2

Najprościej moim zdaniem:

.main {
    display: flex;
}
.child1 {
    width: 100px;
}
.child2 {
    width: 100%
}

 

Comments

To jeżeli używamy flexbox to może

.main {
  display: flex;
}
.child1 {
  flex-basis: 100px;
}
.child2 {
	flex-basis: 100%;
}