Javascript 如何使用CSS在HTML中将一组对象集中在一起？

我有一组对象（div），它们是小正方形，我可以移动到任何地方（有一个JavaScript函数可以移动）。这些方块都在一起，形成了一个图形。因此，我用CSS将该图形居中：“

左：600px

”但现在我正试图为我的页面设计一个更具响应性的设计，我开始使用百分比，但我遇到了两个问题

如果我将百分比分别添加到所有对象中，当我放大或缩小页面或调整页面大小时，它们彼此之间的距离会变得越来越近

如果我创建一个包含所有对象的div，然后在单击移动它们时添加“

left:50%

”，它们会立即向左移动50%。

---

所以我的鼠标是->（）[spacescpace]/\尝试将position属性设置为absolute并使用百分比。听起来你的相对定位有问题

#me2
{
  content:url("some image");
  position:absolute;
  top:401px;
  left:50%;
  z-index:5;  
}

---

为所有分区提供样式。。 把这个放到你的css里

div {
 margin-left: 20%
}

---

使用调整大小处理程序进行调整。请使用JSFIDLE或CodePen。

#me2
{
  content:url("some image");
  position:absolute;
  top:401px;
  left:50%;
  z-index:5;  
}

div {
 margin-left: 20%
}