Css 如何删除Div表之间的空间

正如你所看到的，在两个底部凹槽之间有一个空间。我如何着手解决这个问题

HTML

<div id="textbox"></div>
<div id="textboxSquare"></div>
<div id="textboxSquare"></div>

把所有的

放在同一行，它就会消失

display:inline块有问题

以下是给你的参考：



看看这个，我甚至没有注意到另一个错误：只使用一次ID。只会搜索文档，直到找到第一个ID，然后停止搜索

<div id="textbox"></div>
<div id="textboxSquare"></div>  <!-- This id="" must be unique to all others in the document -->
<div id="textboxSquare"></div>  <!-- This id="" must be unique to all others in the document -->



改为使用类：

该fiddle还实现了一种不同的方法，使用
float:left属性，但如果您这样做，则可能需要调整其他内容。
不要使用负边距

一个很好的方法是使用字母间距技巧，将其父div的字母间距设置为0，然后在内联块div中将其重置为
normal
Add

float:left;
clear:none;

在
#textboxSquare
中：

#textboxSquare {
    display:inline-block;
    box-sizing: border-box;
    height:25px; 
    width: 150px;
    border: 1px solid #848484;
    float:left;
    clear:none;
}

如前所述，不要使用重复的ID。但这不是问题所在。使用已分配的
显示：内联块
；去你的部门。只需删除此声明并添加一个
float:left
添加到这些项。
只需删除HTML中
div
之间的空格，如下所示：

<div id="textbox"></div>
<div id="textboxSquare"></div><div id="textboxSquare"></div>



或


包括
浮动：左自动暗示<代码>显示：块和空值化
显示：内联块全部放在一起。我不是故意投反对票的，我有点不对劲，现在我找不到办法来消除反对票。所以很明显你得到的是一个向上投票，而不是lol:）不要重复div id，因为初学者使用类
<div id="textbox"></div>
<div id="textboxSquare"></div><div id="textboxSquare"></div>

<div id="textbox"></div>
<div id="textboxSquare"></div><!--
remove this space
--><div id="textboxSquare"></div>