Question

image here please click如何根据child-div高度设置父div宽度？这里“.not-consideration”类不重要，但我希望根据高度设置宽度

<div class="parent-div">
    <div class="child-div"></div>
    <div class="not-consider"></div>
</div>

Answer 1

这是一个例子。

＆＃13;

function resize() {
  var height = $('.child-div').height()
  $('.parent-div').css({
    minWidth: height,
    maxWidth: height,
  })
}

resize()
setInterval(resize, 100)

＆＃13;

.parent-div {
  background-color: black;
}

.child-div {
  background-color: red;
  height: 200px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="parent-div">
    <div class="child-div">Child</div>
    <div class="not-consider"></div>
</div>

＆＃13;

Answer 2

只需使用JQuery变量作为子高度 var child_height= $('.child-div').height();
然后将其应用于父母。
$('.parent-div').css({'width': child_height});

看到这个小提琴， https://jsfiddle.net/saifudazzlings/s41wxpbk/

如何根据child-div高度设置父div宽度？

2 个答案: