删除HTML中div后的空格

这个问题看起来很简单，但我遇到了一些麻烦

如果我有两个div，考虑到这些样式：

<div class="col col20">
    Content left
</div>
<div class="col col80">
    Content right
</div>

---

没有空间了。选中此项：

HTML:

---

如果您有空间问题，我建议您使用浮动：

CSS

.col20{
    width:20%;
    background-color:#F00;
}
.col80{
    width:80%;
    background-color:#FF0;
}
.col{
    float:left;
    overflow:hidden;
}
.clear{
    clear:both;
    height:1px;
    margin-bottom:-1px;
}

---

您可以向我们展示当前应用于这些div的css吗？您可以浮动div。如果div具有默认样式，您在其中看不到空格，它应该只在内联元素之间显示。还有其他原因导致了间隔。啊，

float:left

而不是

display:inline块

很好地完成了这个任务！谢谢

<div class="col col20">
    Content left
</div>
<div class="col col80">
    Content right
</div>

.col {
  float: left;
}

.col20 {
  width: 20%;
  background: #ddd;
}

.col80 {
  width: 80%;
  background: #fdd;
}

.col20{
    width:20%;
    background-color:#F00;
}
.col80{
    width:80%;
    background-color:#FF0;
}
.col{
    float:left;
    overflow:hidden;
}
.clear{
    clear:both;
    height:1px;
    margin-bottom:-1px;
}