css - html5文档中div之间的空间

Question

我的问题很简单。如何删除 div 标签之间的空格？

这是我的 html 文档：

<div class="nav">
    <div>option 1</div>
    <div>option 2</div>
    <div>option 3</div>
    <div>option 4</div>
</div>

和CSS

div.nav {
    border:1px solid;
}

div.nav > div {
    display:inline-block;
    background-color: #CCC;
    padding: 10px;
    margin:0
}

这是小提琴，您可以在其中看到此 http://jsfiddle.net/dmsf/7Szjw/3/

文档时间是 html5

Answer 1

尝试这个

<div class="nav">
    <div>option 1</div><div>option 2</div><div>option 3</div><div>option 4</div>
</div>

Answer 2

您必须添加 float: left; 到 div.nav > div 像这样：

div.nav {
    border:1px solid;
}

div.nav > div {
    display:inline-block;
    background-color: #CCC;
    padding: 10px;
    margin:0;
    float: left;
}