Breaking News: Grepper is joining You.com. Read the official announcement!

creating a static flex container with scrolling child element

Tsemi Bhutia answered on July 15, 2022 Popularity 2/10 Helpfulness 1/10

answer creating a static flex container with scrolling child element

creating a static flex container with scrolling child element

Comment

* {
  margin: 0;
  padding: 0;
}
header {
  background: red;
  height: 10vh;
}
main {
  background: green;
  display: flex;
  height: 90vh;
}
.left {
  background: yellow;
  flex: 0 0 50px;
  margin: 10px;
}
.right {
  background: blue;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.sub-header {
  background: #999999;
  margin: 10px;
}
.context {
  background: white;
  overflow-y: scroll;
  margin: 0 10px 10px;
}
.context > div {
  height: 3000px;
}

Popularity 2/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: css element static

Link to this answer
Share Copy Link