在父母中并排获得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/ 确保清除浮子。