如何使用sass / css将div的宽度设置为等于另一个div? [英] How to set div's width equal to another div using sass/css?
本文介绍了如何使用sass / css将div的宽度设置为等于另一个div?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有第一个元素:
<div layout="column" layout-align="start center" class="focusBox flex "></div>
它是CSS:
.focusBox {
margin-top: 2%;
border: 1px solid $alto;
height: calc(100vh - 182px);
background-color: $white;
}
和第二个元素:
<div flex class="subFolderBox" ></div>
它是CSS:
.subFolderBox {
margin-bottom: 1%;
border: 1px solid $alto;
}
如何使用sass或css将第一个元素的宽度设置为第二个? p>
How to set width of first element to second using sass or css?
推荐答案
我不确定css / scss,但是如果您喜欢使用jquery,可以这样做
im not sure about css/scss but if you prefer with jquery you can do it like this
$(document).ready(function() {
$(".second_div").css({
'width': ($(".first_div").width() + 'px')
});
});
.second_div,
.first_div {
border: 1px solid black;
padding: 2px 4px;
display: inline-block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="first_div">First Div some text</div>
<div class="second_div">Second.width </div>
这篇关于如何使用sass / css将div的宽度设置为等于另一个div?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文