Können Sie sich nicht div Objekte nebeneinander sitzen

Question

Mein HTML-Code:

<div id="content"> 
    <div id="main content"></div> 
    <div id="summary"></div> 
    <div style="clear:both"></div> 
</div> 

Mein CSS-Code:

#content { 
    width:100%; 
    overflow:auto; 
} 

#main content { 
    width:75%; 
    float:left; 
} 

#summary { 
    width:25%; 
    float:right; 
} 

Ehrlich gesagt, ich habe keine Ahnung, warum meine "Zusammenfassung" div noch ist am unteren Rand meines "Hauptinhalts". Ich möchte, dass es rechts davon ist und nur 75% des Bildschirms einnimmt.

Answer 1

<div class="main content zu <div class="maincontent"> Changed

keinen Platz in Ihrem Klassennamen Kinder anwenden. Ruft Sie in Schwierigkeiten

Answer 2

Sie haben die ID fälschlicherweise "Hauptinhalt" genannt. Sie können keinen Platz in ID haben. Ändern Sie es zu main_content und dem CSS entsprechend. Es sollte es funktionieren lassen