wie man zwei divs nebeneinander platziert

Question

Auf einer Webseite habe ich zwei Divs. Ich möchte das zweite Div genau rechts neben dem anderen platzieren, so dass sie in einer Linie stehen.

Answer 1

Sie können die float CSS-Stil. Setzen Sie ihn auf left für die erste Abteilung. Das zweite div wird direkt rechts davon platziert (sofern genügend Platz vorhanden ist)

<div>
  <div style="float: left">
     <p> This div will be on the left</p>
  </div>
  <div >
     <p> This div will be on the right</p>
  </div>
  <!-- optionally, you may need to add a "clearance" element below the floating divs -->
  <div style="clear: both" ></div>
</div>

Beachten Sie, dass es manchmal notwendig sein kann, den gleitenden Divs eine feste Breite zu geben, um die richtige horizontale

<div>
  <div style="width: 100px; float: left">
     <p> 100px div will be on the left</p>
  </div>
  <div style="width: 200px">
     <p> 200px div will be on the right as long as there is enough 
         horizontal space in the container div
     </p>
  </div>
  <!-- optionally, you may need to add a "clearance" element below the floating divs -->
  <div style="clear: both" ></div>
</div>