title: Element adjust width according to parent and siblings
body: <p>I have set the parent div and its 3 children divs. Now, the 3rd child is hidden. I've set the width of the 1st child as 20% and wants the 2nd child to take the remaining width automatically without setting it explicitly. The 3rd child's width is 20% and when it's unhidden it should take its part of the parent's width while the 2nd should re-adjust its width accordingly.</p>
  
  <pre><code>&lt;div id="parent" style="background-color: pink;"&gt;
      &lt;div id="child1" style="background-color: gray; display: inline-block; width: 20%;"&gt;
          div1
      &lt;/div&gt;
  
      &lt;div id="child2" style="background-color: blue; display: inline-block"&gt;
          div2
      &lt;/div&gt;
  
      &lt;div id="child2" style="background-color: violet; display: hidden; width: 20%;"&gt;
          div3
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>