我可以使用Sass获取具有动态高度的无关元素的高度吗？

Question

我有两个不相关的元素：#A和#B（就层次结构而言）。 #A没有预定义的高度。我希望#B最终成为#A减去325px的高度。

我知道Sass可以处理操作，但我不确定如何查询#A的高度 - 是否可能？

Answer 1

很抱歉，但我认为不可能通过SASS获得元素高度（我不是sass的专家，但我找不到任何选项）。

我建议您使用JavaScript执行此操作：

http://jsfiddle.net/9DcYn/2/

window.onload = fixHeight();
function fixHeight() {
    var divh = document.getElementById('leftdiv').offsetHeight;
    var divhnum = new Number(divh);
    var setheight = (divhnum - 325);
    document.getElementById('rightdiv').style.height = setheight + 'px';
}

希望这会对你有帮助！

Answer 2

使用CSS或SASS不可能，使用jQuery很简单：

$('#b').outerHeight( $('#a').outerHeight() - 325 );

演示：http://jsbin.com/ulimon/2/edit