Css html5文档中div之间的空格

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

这是我的html文档：

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

这是你可以看到的小提琴

doctime是html5 试试这个

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

选项1选项2选项3选项4

您必须添加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;
}

---

当浮动有效时，您不再需要

显示：inline块

，您还应该在之后清除浮动，以便包含的div不会崩溃。

div.nav {
    border:1px solid;
}

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