Float und Wrap Inhalt Breite

Warum, wenn ich eine Breite zu meinem Hauptinhalt hinzufügen, es nicht mehr um mein floated div wickeln?Float und Wrap Inhalt Breite

<div style="float:left;width:30%;"> 
    content1 content1 content1 content1 content1 content1 content1 content1 
</div> 

<div id="mainContent" style="width:30%;"> 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
</div>

https://jsfiddle.net/ty9wuLeh/4/

Quelle

2016-10-04 epanu

Wenn 'content 2' "um" 'content1' sein muss, müssen Sie das erste div innerhalb der zweiten platzieren. https://jsfiddle.net/ty9wuLeh/5/ – LinkinTED

Sorry, ich denke ich war nicht präzise genug. Ich weiß, wie man 'content 2' um '' content1 '' hat: ich muss nur die Breite in 'mainContent' div entfernen. Aber ich wollte den Grund wissen, warum es so funktioniert? Was ist der Algorithmus zur Berechnung der Anzeige? – epanu

Was ist dann die Frage .....................? – LinkinTED

Ihre div schwebte sollte enthalten sein in Ihrem mainContentdiv:

<div id="mainContent"> 
 
    <div style="float:left;width:30%;"> 
 
     content1 content1 content1 content1 content1 content1 content1 content1 
 
    </div> 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
     content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 content2 
 
    </div>

https://jsfiddle.net/ty9wuLeh/6/

Quelle

2016-10-04 12:04:41 Curt

Float und Wrap Inhalt Breite

Antwort

Verwandte Themen