将一个div的宽度设置为另一个div的宽度

Question

我希望将我的.second_div的宽度设置为first_div的宽度，但问题是第一个div没有在css中给出宽度值，我需要使用jQuery来查找他的宽度。

HTML：

<div class="first_div">First Div</div>
<div class="second_div">Second.width == First.width</div>

CSS：

.second_div,
.first_div {
    border: 1px solid black;
    padding: 2px 4px;
    display:inline-block;
}

jQuery：

$(document).ready(function(){
    $(".second_div").css({'width':($(".first_div").width()+'px')});
});

jsfiddle: https://jsfiddle.net/ekqecjb8/1/

- Valip

---

您缺少jQuery库 https://jsfiddle.net/qnu7gzgm/ - Milind Anantwar

https://jsfiddle.net/arunpjohny/8f1vz5Ls/2/ - 加入jQuery库后正常运行 - Arun P Johny

愚蠢的错误...谢谢！ - Valip

我应该添加什么代码，使得second_div的宽度为100％ - first_div？ - Valip

Answer 1

在你的代码示例中缺少jQuery库，代码本身没有错误。只需将jQuery库包含在你的代码中即可。

$(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</div>
<div class="second_div">Second.width == First.width</div>

- Pranav C Balan

---

我应该添加什么代码，使得第二个div的宽度为100％ - 第一个div的宽度？ - Valip

$(window).width()-$(".first_div").width() - Pranav C Balan