html - 内联 block 周围的空间

Question

请考虑这个代码笔:http://codepen.io/anon/pen/WooLwL

一个容器 div 中有 3 个 div，所有 div 的宽度之和为 960。但是经检查，我无法通过 CSS 去除 div 周围的空白。我已确认 margin 为 0。

<div id="columncontainer">
  <div id="column1">
    yolo
  </div>
  <div id="column2">
    <hr>
    all column 2 data here
    <hr>
  </div>
  <div id="column3">
    all column 3 data here
  </div>
</div>

Answer 1

你需要添加 float:left

div#columncontainer div {
    float: left;
    position: relative;
}

检查这个codepen