Answers for "width properties for div to occupy the full space"

4

stretch div to full height

#root {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
Posted by: Guest on November-06-2020
1

to make div take remaining space

html,
body {
  height: 100%;
  margin: 0;
}

.box {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.box .row {
  border: 1px dotted grey;
}

.box .row.header {
  flex: 0 1 auto;
  /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
}

.box .row.content {
  flex: 1 1 auto;
}

.box .row.footer {
  flex: 0 1 40px;
}
Posted by: Guest on November-07-2021

Code answers related to "width properties for div to occupy the full space"

Browse Popular Code Answers by Language