css set to div block next too each other

[mister_v]

Hi,

I have a problem in setting to div-boxes net to each other?

[chris]

there are probably multiple solution.

One I find easy is this one:

Code: Select all

<div id="parent">
  <div id="part1">(200px)</div>
  <div id="filling">(rest of width)</div>
</div>

CSS

Code: Select all

#parent {
  display: flex;
}
#part1 {
  width: 200px;
  background: lightblue;
}
#filling {
  flex: 1;
  /* Grow to rest of container */
  background: lightgreen;
}