Javascript 如何在没有空格的情况下定位div

我的html文档中有六个div

我的问题是，最后一个div有一些顶部空间需要删除

这不是一个重复的问题

这与内联块间距无关

请帮忙

身体{
边框：1px实心；
填充：0；
保证金：自动；
高度：500px；
宽度：500px；
}
div{
填充：0；
保证金：0；
边框：1px实心；
显示：内联块；
宽度：25%；
身高：25%；
位置：相对位置；
}
部门：第一个孩子{
背景：黑色；
}
var myDivs=document.querySelectorAll（“div”）；
myDivs[2].style.backgroundColor=“蓝色”；

添加到正文

字体大小：0并添加到您的div

font-size: 12px;
    box-sizing: border-box;
    vertical-align: top;

关于

演示



身体{
边框：1px实心；
填充：0；
保证金：自动；
高度：500px；
宽度：500px；
字号：0；
}
div{
填充：0；
保证金：0；
边框：1px实心；
显示：内联块；
宽度：25%；
身高：25%；
位置：相对位置；
字体大小：12px；
框大小：边框框；
垂直对齐：顶部；
}
部门：第一个孩子{
背景：黑色；
}
var myDivs=document.querySelectorAll（“div”）；
myDivs[2].style.backgroundColor=“蓝色”；
只是css中的一个小改动：

div {
padding: 0;
margin: 0;
border: 1px solid;
display: inline-block; /* Removed this */
width: 25%;
height: 25%;
position: relative;
float:left; /* Added this */
}

这是
内联块
的问题。使用
vertical align:top
进行修复，因为默认设置为
baseline
：



身体{
边框：1px实心；
填充：0；
保证金：自动；
高度：500px；
宽度：500px；
}
div{
填充：0；
保证金：0；
边框：1px实心；
显示：内联块；
宽度：25%；
身高：25%；
位置：相对位置；
垂直对齐：顶部；/*这是修复程序*/
}
部门：第一个孩子{
背景：黑色；
}
var myDivs=document.querySelectorAll（“div”）；
myDivs[2].style.backgroundColor=“蓝色”；
您可以尝试绝对定位。添加
位置：绝对位置至
div:第一个孩子



身体{
边框：1px实心；
填充：0；
保证金：自动；
高度：500px；
宽度：500px；
}
div{
填充：0；
保证金：0；
边框：1px实心；
显示：内联块；
宽度：25%；
身高：25%；
位置：相对位置；
}
部门：第一个孩子{
位置：绝对位置；
背景：黑色；
}
var myDivs=document.querySelectorAll（“div”）；
myDivs[2].style.backgroundColor=“蓝色”；
在html中，空格、表格和换行符（格式化html文档时）由空格转录

因此，如果您希望div之间没有空格，则应在div之间添加注释：


正文{
边框：1px实心；
填充：0；
保证金：自动；
高度：500px；
宽度：500px；
}
div{
填充：0；
保证金：0；
边框：1px实心；
显示：内联块；
宽度：25%；
身高：25%；
位置：相对位置；
}
部门：第一个孩子{
背景：黑色；
}

var myDivs=document.querySelectorAll（“div”）；
myDivs[2].style.backgroundColor=“蓝色”；
请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。正如目前所写的，很难准确地说出你在问什么。请参阅页面以获取澄清此问题的帮助。添加了小提琴。请检查。我不想让顶部空间出现在我的最后一个div中删除
内联块
并添加
float:left
。如果html
内联块中有空格，则会添加一些空格。float:left和vertical align:top添加这两个空格都有效。但是应该选择哪一个。请解释。在这种情况下不要使用
float:left
。如果使用的是
float:left
，则还需要
清除
。