HTML/CSS：通过窗口更改保持元素的位置

我对CSS非常陌生，我花了相当长的时间试图研究如何将元素定位在“三分之一”中，这样即使窗口改变维度，元素也能保持在“三分之一”中。下面的第一张图片是当浏览器完全打开时，第二张图片是当浏览器水平收缩时。我正在寻找这种方法，但我不知道该技术的名称或该做什么（就像我说的我真的是新手）。我知道标签使用的是所谓的“关门”，但我对它们的定位更感兴趣

例如，如果我想要三个元素间隔不均匀 要按如下方式签约，我将如何超越这一目标

而不是：

---

在没有看到实际代码的情况下，我建议您使用相对单位声明水平宽度、边距和填充。这将是%或ems，而不是像素

在你的例子中

 #element_2 {
     margin-left: 45%;
  }
  #element_3 {
     margin-left: 5%;
  }

---

使用相对单位时，您必须进行更多的尝试和错误操作，以使元素按您想要的方式放置。

在没有看到实际代码的情况下，我建议您使用相对单位来声明水平宽度、边距和填充。这将是%或ems，而不是像素

在你的例子中

 #element_2 {
     margin-left: 45%;
  }
  #element_3 {
     margin-left: 5%;
  }

---

使用相对单位时，您需要进行更多的尝试和错误操作，以获得所需的元素位置。

在您的图片中，它看起来像背景图像（我假设它是一个图像，因为它不会延伸到整个按钮上），只是缺少一个

background-repeat: repeat-x;

但是，如果将第一个按钮设置为

    float: left;

剩下的按钮是

    float: right;

只是别忘了

    clear: both;

---

在它们之后，如果您没有从文档流中删除任何其他元素（这就是float所做的）。

在您的图片中，它看起来像背景图像（我假设它是一个图像，因为它不会延伸到整个按钮上），只是缺少一个

background-repeat: repeat-x;

但是，如果将第一个按钮设置为

    float: left;

剩下的按钮是

    float: right;

只是别忘了

    clear: both;

---

在它们之后，如果您没有从文档流中删除任何其他元素（float就是这样做的）。

请检查此解决方案。这是灵活的，如果更多的菜单来了，它会自动适应它

---

检查此解决方案。这是灵活的，如果更多的菜单来了，它会自动适应它