1
2
3
4
5
CSS
.flexbox { display: flex; } .lohko1 { flex-grow: 2; /* tätä kasvatetaan kaksinkertaisesti .lohko2 verrattuna */ border: 3px solid black; } .lohko2 { flex-grow: 1; border: 3px solid red; } .lohko3 { border: 3px solid green; flex-grow: 0; /* 0 on oletusarvo */ width: 15em; /* ilman tätä olisi vain sisällön kokoinen */ }
HTML
1
2
3
4
5
Javascript
Konsoli