Question

我认为这是一个非常基本的问题（至少在我看来这很简单）。我的另一个div（父母）中有一个div（孩子）。

我希望父母更改其大小，以便将孩子包含在其中。当前，无论我做什么，当孩子不适合浏览器窗口时，它都会溢出并且父级仍在窗口宽度边界之内。

我仅使用以下代码：

.parent {
  background-color: yellow;
  height: 600px;
  padding-top: 30px;
}

.child {
  width: 900px;
  height: 300px;
  background-color: red;
}

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

我该怎么办，当父div的子项宽于该值时，父div会增长并溢出浏览器窗口。

Answer 1

将NewTable = VAR ExcludeJobs = SUMMARIZECOLUMNS ( Data[jobID], FILTER ( Data, Data[Userid] = 21 ) ) RETURN FILTER ( Data, NOT ( Data[jobID] IN ExcludeJobs ) )添加到您的父级div。

width: max-content;

.parent {
  background-color: yellow;
  height: 600px;
  padding-top: 30px;
  width: max-content;
}

.child {
  width: 900px;
  height: 300px;
  background-color: red;
}

评论后更新：

此解决方案与Internet Explorer和Firefox不兼容。因此，如果可能的话，<div class="parent"> <div class="child"></div> </div>是更好的解决方案。

允许父div溢出窗口宽度

1 个答案: