Html 将div粘贴到另一个div的边框上，以便它们在调整大小时保持在一起 我怎么能在另一个div的边界中间插一个正方形呢？我尝试了以下方法：

.cont{
位置：相对位置；
背景颜色：蓝色；
}
.广场{
位置：绝对位置；
高度：50px；
宽度：50px；
边界半径：0%；
背景颜色：黄色；
左-5%；
最高：25%；
}
.右上角{
最大高度：100px；
最大宽度：100px；
}
.LOGON右img{
宽度：100%；
}
身体{
填充：50px；
}

---

如果使用的是

position:absolute

则可以将元素定位为绝对元素，而与其他元素没有任何关系

如果要相对于另一个元素定位一个元素，则不要使用

position:absolute

，您可以使用flexbox将两个元素左/右对齐，如下面的答案所示。如果您想要不同的项目对齐方式，则需要调整CSS以获得所需的结果。如果你想保持它的响应性，就不要使用

position:absolute

在某些情况下，您需要

位置：绝对

，但这不是一个

在我的示例中，我将

display:flex

与

align items:center以对齐框中心的项目。请检查此链接以了解详细信息

要向左移动框，可以使用
transform:translateX（-50%）


.cont{
位置：相对位置；
背景颜色：蓝色；
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
}
.广场{
高度：50px；
宽度：50px；
边界半径：0%；
转化：translateX（-50%）；
背景颜色：黄色；
}
.右上角{
最大高度：100px；
最大宽度：100px；
}
.LOGON右img{
宽度：100%；
}
身体{
填充：50px；
}

您可以试试这个

.square {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 0%;
    background-color: yellow;
    left: -25px;
    top: 25%;
}

您可以使用
px
来创建代码片段，而不是使用
%
来处理
左侧的
%
。看起来不错，但是如何在边框中间设置正方形的样式？您指的是如何设置正方形的样式？您可以通过CSS中的
.square{…}
将其作为目标。对不起，我弄糊涂了。对不起，用词不当。我知道如何使用“<代码>位置：绝对< /代码>在边框中间放置正方形。我不知道如何在你的方法中做到这一点。我编辑了我的答案以添加更多的细节，这是你想知道的吗？抱歉，起初没有看到这一点。您可以使用
transform:translateX（-50%）（更新了我的答案）