html - 如何使css div子宽度适合div父

Question

<div class="parent" style="width:1287px;">
    <div class="child" style="width:1366px;"></div>
</div>

我有一个宽度为 1287px 的 div 父级，我想让宽度为 1366px 的 div 子级适合父级，如何？

Answer 1

在此片段中，较小的父项中有一个较大的子项。根据你的问题，除非它不像你想象的那么清楚。

.parent {
  max-width: 1287px;
  min-height: 50px;
  border: 2px solid red;
}

.child {
  max-width: 1366px;
  min-height: 50px;
  border: 2px dotted blue;
}

<div class="parent">
  <div class="child"></div>
</div>

这里没有最小/最大宽度:

.parent {
  width: 1287px;
  height: 50px;
  border: 2px solid red;
}

.child {
  width: 1366px;
  height: 50px;
  border: 2px dotted blue;
}

<div class="parent">
  <div class="child"></div>
</div>