Floating 3 divs in html

Question

Ich bin ein noob Programmierung in HTML, aber im Grunde will ich drei Divisionen haben, die wie folgt aussehen:

|  |  | 
| 1 | 2 | 
|  |  | 
------------------- 
|     | 
|  3  | 
|     | 

Gerade jetzt, ich bin mit Bootstrap und ich kann haben Spalten nebeneinander mit den Div-Klassen. Aber das funktioniert nur, wenn ich Spalten machen will. Zum Beispiel:

<div class=col-lg-6> 

Außerdem kann ich keine feste Größe verwenden, weil div2 größer als div1 oder umgekehrt sein könnte auf der Info-abhängig, die ich bekomme. Irgendwelche Vorschläge, wie ich das machen kann?

Answer 1

Ich bin mir nicht ganz sicher, was Sie fragen. Wolltest du so etwas? https://jsfiddle.net/Garconis/zqptbjur/

Dies nutzt Twitter Boostsrap CSS:

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-6" style="background: gray;"> 
      Content1 
     </div> 
     <div class="col-xs-6" style="background: wheat;"> 
      Content2 
     </div> 
    </div> 
</div> 
<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-12" style="background: tan;"> 
      Content3 
     </div> 
    </div> 
</div> 

Answer 2

Wenn Sie kein Javascript verwenden möchten, können Sie diese divs auf eine flüssige Breite wie 30%, 70% setzen und ihre Anzeigeeigenschaft auf 'inline-block' setzen, die white-space-Eigenschaft des Wrapping div auf ' jetzt '. Danach fügt das Hinzufügen eines Br-Tags das dritte Div herunter. ..oder Sie können einfach ein Tabellenlayout verwenden, das ich nie vorschlagen würde.