Question

我对LESS很新鲜。我不知道在文档中查找此内容或是否可能。

我有容器一，有height:auto。它是一个会增长的内容容器。

我可以使用第二个容器 - container2:height = container1:height。

这样第二个容器的大小将与容器的大小相同：auto。

这当然可以用javascript来完成，但我很好奇这是可以用LESS做的事情。

P.S.：如果有人想插入任何优秀的LESS教程/阅读材料，我会很高兴看到它。

Answer 1

这不是一个关于css的问题。

要使内部div元素与外部元素的高度相同而不知道（或给定高度），您可以执行以下操作：

HTML：

<div class="outer">
    <div class="inner"></div>
</div>

CSS：

.outer{
    margin: 0 auto;
    width: 300px;
    height: 300px;
    position: relative;

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

所以你可以确定内部DIV总是与外部DIV完全相同的尺寸

更新：

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

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

现在第二个DIV具有完全相同的高度，并且放在第一个DIV下面：）

Answer 2

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

@height: 100px;我定义了一个名称为height且值为100px的变量，我在下面的css中使用它

少用变量

2 个答案: