title: Make parent div with absolute position take the width of children divs
body: <p>I have the following html structure:</p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;div class="child1"&gt;&lt;/div&gt;
      &lt;div class="child2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The parent is positioned absolutely, child1 and child2 are displayed side-by-side using inline-block.
  I need this whole thing to be responsive based on the width of the 2 children divs. the problem is, if I increase the width of any of them, the parent's width remains the same. Changing its position to relative fixes this, but I have to have it in absolute.
  Is there anyway to get it to be responsive?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I was hoping for this to be simple, but apparently not so much... :(
  here's the actual HTML:</p>
  
  <pre><code>&lt;div class="action_container"&gt;
      &lt;div class="action_inner"&gt;
          &lt;div class="action_title"&gt;Format Text&lt;/div&gt;
          &lt;div class="action_body"&gt;
              &lt;div class="action_args_section"&gt;&lt;/div&gt;
              &lt;div class="action_output_section"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>&lt;style&gt;
      .action_container {
          display: block;
          position: absolute;
      }
  
      .action_inner {
          border: 1px solid black;
      }
  
      .action_inner {
          min-width: 120px;
          min-height: 50px;
          background-color: white;
          border: 1px solid #666;
          border-radius: 5px;
      }
  
      .action_title {
          font-size: 12px;
          font-weight: bold;
          text-align: center;
          border-bottom: 1px solid #ccc;
          padding: 3px;
      }
  
      .action_args_section {
          display: inline-block;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          padding: 3px;
      }
  
      .action_output_section {
          display: inline-block;
          width: 50px;
          vertical-align: top;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          padding: 3px;
     }
  &lt;/style&gt;
  </code></pre>