如何使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>