title: HTML, CSS - Form stretch after dropdown opens
body: <p>I have HTML page divided by div's ,
  one of the textboxes is an autocomplete:
  <a href="https://i.stack.imgur.com/li7uB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/li7uB.png" alt="The textbox at the beginning "></a></p>
  
  <p>The HTML code:</p>
  
  <pre><code> &lt;div class="col-md-2"&gt;
                  &lt;input type="text" class="acDoc ui-autocomplete-input"  
                         data-bind="ac:Doctors, acSelected: selectedDoctor, acLabel: 'Name', acValue: 'Value',
       acMax: 10, acMinLength: -1, acDelay: 300"  /&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>when the autocomplete opens, the whole form stretches:</p>
  
  <p><a href="https://i.stack.imgur.com/nPn08.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nPn08.png" alt="whenthe autoComplete open"></a></p>
  
  <p>i want the autocomplete opens up over the text boxes that is beneath
  without stretching the form.</p>