Javascript 为什么将div1位置设置为div2'；s top&；左偏移量+；第2部分'；s宽度是否未将其定位到右上角？

函数处理程序（ev）{
var目标=$（ev.target）；
if（target.is（“.item”））{
var brt=$（目标）.offset（）.top；
var let=$（目标）.offset（）.left+$（.test”）.width（）；
css（{'top'：brt，'left'：let，'display'：'block'，'z-index'：'10'）；
}
}
$（“.item”）.mouseover（处理器）
正文{
字体：1em/1.67“开放式Sans”，Arial，无衬线；
保证金：0；
背景：#010101；
}
.砖石{
保证金：10em 10em；
填充：0；
-莫兹柱间距：4.3em；
-webkit柱间距：4.3em；
柱间距：4.3em；
字体大小：.85em；
}
.项目{
显示：内联块；
背景#3d3d；
颜色：白色；
填充：1em；
边缘：0.1.5em；
宽度：100%；
边框：1px实心#7373；
边界半径：5px；
文本对齐：居中；
}
.项目：悬停{
-webkit过滤器：对比度（.2）；
过滤器：对比度（.2）；
}
@仅介质屏幕和（最小宽度：400px）{
.砖石{
-moz列数：2；
-webkit列数：2；
列数：2；
}
}
@仅介质屏幕和（最小宽度：700px）{
.砖石{
-moz列数：3；
-webkit列数：3；
列数：3；
}
}
@仅介质屏幕和（最小宽度：900px）{
.砖石{
-moz列数：4；
-webkit列数：4；
列数：4；
}
}
@仅介质屏幕和（最小宽度：1100px）{
.砖石{
-moz列数：5；
-webkit列数：5；
列数：5；
}
}
.项目.img_1{
显示：块；
高度：130像素；
宽度：275px；
保证金：0自动；
垫底：10px；
}
1st。因为您有
var target=$（ev.target）
您只需使用
target
即可，无需
$（target）

第二个
target.offset（）.top-$（'DivToShow'）.height（）您需要删除显示的项目的高度，使其显示在您悬停的项目上方

对于宽度，请使用
…
的父项（），即：

（尽量不要使用名称
let
，因为
let
是javascript的语法，它可能会让人困惑lol（来源：）

正文{
字体：1em/1.67“开放式Sans”，Arial，无衬线；
保证金：0；
背景：#010101；
}
.砖石{
保证金：10em 10em；
填充：0；
-莫兹柱间距：4.3em；
-webkit柱间距：4.3em；
柱间距：4.3em；
字体大小：.85em；
}
.项目{
显示：内联块；
背景#3d3d；
颜色：白色；
填充：1em；
边缘：0.1.5em；
宽度：100%；
边框：1px实心#7373；
边界半径：5px；
文本对齐：居中；
}
.项目：悬停{
-webkit过滤器：对比度（.2）；
过滤器：对比度（.2）；
}
@仅介质屏幕和（最小宽度：400px）{
.砖石{
-moz列数：2；
-webkit列数：2；
列数：2；
}
}
@仅介质屏幕和（最小宽度：700px）{
.砖石{
-moz列数：3；
-webkit列数：3；
列数：3；
}
}
@仅介质屏幕和（最小宽度：900px）{
.砖石{
-moz列数：4；
-webkit列数：4；
列数：4；
}
}
@仅介质屏幕和（最小宽度：1100px）{
.砖石{
-moz列数：5；
-webkit列数：5；
列数：5；
}
}
.项目.img_1{
显示：块；
高度：130像素；
宽度：275px；
保证金：0自动；
垫底：10px；
}
1st。因为您有
var target=$（ev.target）
您只需使用
target
即可，无需
$（target）

第二个
target.offset（）.top-$（'DivToShow'）.height（）您需要删除显示的项目的高度，使其显示在您悬停的项目上方

对于宽度，请使用
…
的父项（），即：

（尽量不要使用名称
let
，因为
let
是javascript的语法，它可能会让人困惑lol（来源：）

正文{
字体：1em/1.67“开放式Sans”，Arial，无衬线；
保证金：0；
背景：#010101；
}
.砖石{
保证金：10em 10em；
填充：0；
-莫兹柱间距：4.3em；
-webkit柱间距：4.3em；
柱间距：4.3em；
字体大小：.85em；
}
.项目{
显示：内联块；
背景#3d3d；
颜色：白色；
填充：1em；
边缘：0.1.5em；
宽度：100%；
边框：1px实心#7373；
边界半径：5px；
文本对齐：居中；
}
.项目：悬停{
-webkit过滤器：对比度（.2）；
过滤器：对比度（.2）；
}
@仅介质屏幕和（最小宽度：400px）{
.砖石{
-moz列数：2；
-webkit列数：2；
列数：2；
}
}
@仅介质屏幕和（最小宽度：700px）{
.砖石{
-moz列数：3；
-webkit列数：3；
列数：3；
}
}
@仅介质屏幕和（最小宽度：900px）{
.砖石{
-moz列数：4；
-webkit列数：4；
列数：4；
}
}
@仅介质屏幕和（最小宽度：1100px）{
.砖石{
-moz列数：5；
-webkit列数：5；
列数：5；
}
}
.项目.img_1{
显示：块；
高度：130像素；
宽度：275px；
保证金：0自动；
垫底：10px；
}

尽量不要使用名称
let
因为
let
是javascript的一种语法，它可能会让人困惑lol（来源：）尽量不要使用名称
let
因为
let
是javascript的语法，所以可能会让人困惑lol（来源：）
  <a href="">
    <div class="item">...</div>
  </a>