Css 少使用变量

我对少吃点新鲜的。我不知道在哪里可以找到文档，或者是否可能

我有一个容器，它有高度：auto。它是一个将增长的内容容器

我可以再要一个类似-container2:height=container1:height的容器吗

这样，第二个容器将与高度为“自动”的容器大小相同

当然，这可以用javascript来完成，但我很好奇的是，这是一件用更少的代码就可以完成的事情

附言：如果有人想插入任何好的、不太好的教程/阅读材料，我很乐意看到

@height: 100px;
#container1{
  height: @height;
}
#container2{
  height: @height;
}

---

@高度：100px；我定义了一个名为height、值为100px的变量，我在css下面使用它

这不是一个关于“少”的问题，而是一个关于css的问题

要在不知道或给定高度的情况下使内部元件与外部元件的高度相同，可以执行以下操作：

.inner{
    position: absolute;
    top: 100%;
    bottom: -100%;
    left: 0;
    right: 0;
}

HTML:

因此，您可以选择舒尔，因为内部DIV的大小始终与外部DIV的大小完全相同

更新：

当DIV元素不应相互重叠时，可以执行以下操作：

.inner{
    position: absolute;
    top: 100%;
    bottom: -100%;
    left: 0;
    right: 0;
}

---

现在，第二个DIV的高度与第一个DIV完全相同：

container2在container1内还是完全未链接？我在一个容器内做两列。我希望一列自动接收与另一列相同的高度。

.inner{
    position: absolute;
    top: 100%;
    bottom: -100%;
    left: 0;
    right: 0;
}