在父母內並排獲取div？

Question

我想在一個包裝DIV加2個選項卡時遇到了問題，讓他們躺在彼此相鄰，佔用各一半的寬度。我添加以下CSS到每一個：

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

出於某種原因，他們不斷出現彼此，而不是彼此相鄰的下方。

我做了一個的jsfiddle表明發生了什麼：http://jsfiddle.net/5zLoyc7q/1/

可有人請幫我拿他們，使他們在說謊像正常的標籤旁邊的海誓山盟？

Answer 1

爲什麼不上浮？確保您的box-sizing是border-box。下一頁：

<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增加了空白的1px的該元素的權利。此外，如果您不顯示爲邊框，則可能會遇到與您的盒子模型有關的問題，換句話說，您的50％不符合您的想象。

更新提琴：http://jsfiddle.net/5zLoyc7q/2/ 確保清除浮游物。