css - 彼此相邻的div

Question

很难解释我的问题是什么，我尝试用谷歌搜索它并在此处搜索问题。我找不到任何人如何有同样的问题。我希望我的 div 像 Google Keeps 记事本一样排列。所有的 div 都应该彼此相邻，只有边距之间没有空间。为了理解我的意思，我在我的 JSFiddle 中张贴了一张图片(我无权在此处张贴图片)。

.col {
    display: inline;
    width: 200px;
    border: 1px solid red;
    margin: 5px;
    vertical-align: top;
}

<div class="col">Some content...</div>
<div class="col">Some content...</div>
<div class="col">Some content...</div>
<div class="col">Some content...</div>
<div class="col">Some content...</div>

http://jsfiddle.net/5t6tm/14/

Answer 1

.col {
display: inline-block;
width: 200px;
border: 1px solid red;
margin: 5px;
vertical-align: top;
float: left;
}



    <div class="col">Some content... Some content... Some content... Some content... Some content... Some content... Some content... Some content... Some content... Some content... Some content... Some content...</div>
<div class="col">Some content... Some content... Some content... Some content...</div>
<div class="col">Some content... Some content... Some content... Some content...</div>
<div class="col">Some content...</div>
<div class="col">Some content... Some content... Some content...</div>
<div class="col">Some content... Some content... Some content...</div>
<div class="col">Some content... Some content... Some content...</div>