Get divs Seite an Seite in Eltern?

Question

Ich versuche, 2 Registerkarten in einem Wrapper div hinzuzufügen und habe Schwierigkeiten, sie nebeneinander liegen zu lassen, die jeweils die halbe Breite einnehmen. Ich habe die folgende CSS zu jedem:

width: 50%; 
height: 100%; 
display: inline-block; 

Aus irgendeinem Grund, den sie unter einem statt nebeneinander anderen erscheinen halten.

machte ich eine JsFiddle was zu zeigen passiert: http://jsfiddle.net/5zLoyc7q/1/

Kann mir jemand bitte helfen sie bekommen, so dass sie wie normale Tabs nächsten einander liegend sind?

Answer 1

Warum nicht schwimmen? Stellen Sie sicher, dass Ihr box-sizingborder-box ist. Next:

<div class="wrapper"> 
    <div>Hello world</div> 
    <div>Guten Tag</div> 
</div> 

CSS:

.wrapper { 
    overflow:auto; 
} 
.wrapper > div { 
    float:left; 
    width: 50%; 
}  

display:inline-block fügt 1px von Leerzeichen nach rechts des Elements. Wenn Sie nicht als Rahmenbox angezeigt werden, könnten Sie Probleme mit Ihrem Boxmodell bekommen. Mit anderen Worten, Ihre 50% sind nicht das, was Sie denken.

aktualisiert fiddle: http://jsfiddle.net/5zLoyc7q/2/ stellen Sie sicher, die Schwimmer zu löschen.