2017-03-08 2 views
0

Ich habe ein Problem in HTML-Design. wenn ich ein neues div in ID von linksbox DIV erstelle, fällt divs herunter. aber wenn ich absolute Position in neuen Divs verwende, funktioniert es perfekt. bitte helfenHTML Design Ausgabe

#cont { 
 
    width: 60%; 
 
    border: 2px solid red; 
 
    margin: auto; 
 
    background: #ff3333; 
 
} 
 

 
#leftbox { 
 
    display: inline-block; 
 
    width: 45%; 
 
    height: 400px; 
 
    border: 2px solid green; 
 
    margin-left: 2%; 
 
    background: #00ff00; 
 
} 
 

 
#rightbox { 
 
    display: inline-block; 
 
    width: 45%; 
 
    height: 400px; 
 
    border: 2px solid blue; 
 
    background: #0000ff; 
 
}
<!DOCTYPE html> 
 
<html> 
 

 

 
<head> 
 
    <meta charset="utf-8"> 
 
</head> 
 

 
<body> 
 
    <div id="cont"> 
 
    <div id="leftbox"> 
 
     <div>my div</div> 
 
    </div> 
 
    <div id="rightbox"></div> 
 
    </div> 
 

 
</body> 
 

 
</html>

+1

Ich verstehe nicht, was Ihre Frage ist. Du hast gesagt, dass etwas funktioniert? Was ist die Frage? – Gab

+1

Stellen Sie eine Jfiddle-Verbindung bereit. –

+0

https://jsfiddle.net/ashwinik47/mjk5mssj/ –

Antwort

0

unter Stil auf neue div anzuwenden, die in leftbox div eingefügt.

float:left; 
+0

aber die Frage ist, warum es fällt. –

+0

Wenn Sie Überlauf verwenden: Auto; zu linksbox wird es auch funktionieren. Das innere div geht außerhalb des Wrappers. – Devendra

+0

zum ersten Mal dachte ich, aber meine Breite und Höhe dieses div ist kleiner als die Eltern div. und ich habe Display-Inline-Block dafür verwendet. aber immer noch fallen seine –