減少使用變量

我對LESS很新鮮。我不知道該在哪裏查看文檔或者是否有可能。減少使用變量

我有一個容器，其中有height:auto。它是一個會增長的內容容器。

我可以擁有第二個容器嗎？ - container2:height = container1:height。

這樣第二個容器將變成與高度爲auto的容器相同的尺寸。

這當然可以用JavaScript來完成，但我很好奇這是可以用LESS完成的事情。

附：如果有人想插入任何優秀的LESS教程/閱讀材料，我會很樂意看到它。

來源

2014-09-20 Sean Anderson

Container2在container1裏面，還是完全不鏈接？ – chriskelly 2014-09-20 19:52:34

我做了更新 – 2014-09-20 20:23:47

我正在做一個容器內的兩列。我想要一列自動接收與另一列相同的高度。 – 2014-09-21 20:46:48

-1

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

@height: 100px;我定義的名稱的變量是height和值是100px我用它在CSS下方

來源

2014-09-20 19:17:46

這不是一個大約小於更多關於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一樣的尺寸

UPDATE：

當DIV元素不應該相互重疊，你可以做這樣的事情：

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

現在第二個DIV具有確切相同HIGHT和下的第一個是放置:)

來源

2014-09-20 19:31:16

減少使用變量

回答

相關問題