html - 内部Div宽度大于外部div

假设我有一个大小为1200像素的外部Div，在这个Div中，我希望有一个更宽的内部Div，只是为了在窗口中安装更多水平的东西。
到目前为止，下面的CSS还没有实现这一点。任何小费都可以。

.OuterDiv {
  width: 1200px;
}
.InnerDiv {
  width: 1400px;
}

<div class="OuterDiv">
  <div class="InnerDiv"></div>
</div>

最佳答案

试试这个。我添加了height和background以便您可以看到这些框。
关键是overflow: auto

.OuterDiv {
  width: 200px;
  height: 140px;
  background: blue;
  overflow: auto;
}
.InnerDiv {
  width: 1400px;
  height: 90%;
  background: orange;
}

<div class="OuterDiv">
  <div class="InnerDiv"></div>
</div>