【发布时间】：2018-06-17 06:53:37
【问题描述】：
美好的一天！我为我的英语道歉。 问题是： 通过任务，在页面中心创建一个带有元素的块。
1张图片
所有元素都有一个 box-sizing:border-box; 在元素上方的光标位置 - 所有元素都获得透明度，除了一个光标在它上面。这个位置已经完成了。
2张图片
在帧的开头部分指定元素：
.content>div:not(:last-child) {
border-bottom: 5px solid #fff;/*всем элементам кроме последнего нижняя рамка*/
}
.content>div:nth-child(2n):not(:nth-child(10)) {
border-right: 5px solid #fff;/*всем чётным кроме последнего рамка справа*/
}
.content>div:nth-child(2n-1):not(:nth-child(4n-1)) {
border-right: 5px solid #fff;/* выборка оставшихся элементов рамка справа*/
}避免加倍边界。按任务 - 显示单个边界。
这是表格
3张图片
进一步。当您将光标移到一个元素上时，该元素会变得不透明度：1；以及所有四个边界的映射。
由于部分安装了边框，使用 .element: Hover {} 添加缺少的边框。边框 - 顶部安装没有问题，显示单个板 - 设置边距 - 顶部：-5 像素，而元素被垂直拉伸而不将底部元素拉到它后面。如果设置水平边框，左或右，则元素被压缩并显示两个边界，相邻元素和相邻元素。当您向左移动 5 个像素时，元素不会拉伸，移动的元素会拉到它后面。
图片4
问题：设置什么参数给一个元素，当悬停时会显示一个有四个边的单帧，并且元素没有移动。
所有代码：https://github.com/evgenjnr/weather-forecast-test.git 结果任务页面：https://evgenjnr.github.io/weather-forecast-test/
仅使用 HTML 和 CSS、inline-block、不使用 float、flex-box。
【问题讨论】：
-
这可能会容易得多，如果你在所有元素的所有边都有一个 5px 的边框，并使用负边距让它们重叠......
-
如果在所有方面安装寄宿生并使用负边距，我在元素的右侧有三叉戟。因为行中元素的数量不同
-
然后将这些元素的
box-sizing重置为content-box。 -
你能在你现在拥有什么的问题上创建一个sn-p吗？使用 github 存储库并不容易。
-
这是我的第一篇文章。我现在无法编辑。