如何使css div子宽度适合div父级

【问题标题】：how to make css div child width fit with div parent如何使css div子宽度适合div父级
【发布时间】：2018-11-15 23:57:49
【问题描述】：

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

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

【问题讨论】：

您的问题的措辞方式是，您希望较大的孩子适合较小的父母吗？
是的，我希望我更大的孩子能适应更小的父母。有可能吗？
请解释您希望在这里看到的确切行为，“适合”的意思。
请澄清您的具体问题或添加其他详细信息以准确突出您的需要。正如目前所写的那样，很难准确地说出你在问什么。

标签： html css height width pixel

【解决方案1】：

在这里的这个 sn-p 中，在一个较小的父级中存在一个较大的子级。根据你的问题，除非它不像你想象的那么清楚。

.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>

【讨论】：

感谢您的回答。但我认为最大宽度或最小高度仅用于限制尺寸而不是实际尺寸