Wie kann man ein Div rechts neben einem anderen Div anordnen, anstatt darunter?

Question

<div id="holder">

    <div id="topleft">
    </div>

    <div id="topright">
    </div>

    <div id="main">
    </div>

</div>

Ich habe diese Divs auf meiner Seite und egal, was ich tue, topright geht unter topleft statt rechts davon, so dass der Inhalt auf der Seite die Form eines T hat und die topleft y topright die einen Kopfbereich über dem main Inhalt unter ihnen.

Was würde dazu führen, dass der Wert immer weiter sinkt? topright ?

Answer 1

Divs sind Blockelemente, die standardmäßig 100 % ihres Containers ausmachen. Sie müssen sie also schweben lassen und ihnen eine Breite geben.

#topleft, #topright { float:left; width: 300px } // put in your own width

Answer 2

Fügen Sie in Ihrem css Folgendes hinzu:

#topleft{
 float: left;
}

#main{
 clear: left;
}

Die Option "clear: left" sorgt dafür, dass Ihr Hauptinhalt unter den beiden anderen DIV-Blöcken angezeigt wird.