title: Make inner divs not exceed the boundary of the outer div, CSS, HTML
body: <p>I have 4 divs. Three divs are inside of another one. I need it so that no matter how much pixels of width or height the divs have on the inside, they'll never exceed the boundary of 100px width, and 100px height of the div on the outside. Is there a way to do this in css?   </p>
  
  <pre><code>&lt;style&gt;
  
  #outside {
  background-color: green;
  position: absolute;
  width: 100px;
  height: 100px;
  }
  #inside {
  background-color: red;
  position: absolute;
  width: 200px;
  height: 200px;
  }
  
  &lt;/style&gt;
  
  
  &lt;div id = 'outside'&gt;
  
  &lt;div id = 'inside'&gt;&lt;/div&gt;
  &lt;div id = 'inside'&gt;&lt;/div&gt;
  &lt;div id = 'inside'&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>