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

Question

假设我有一个大小为 1200 像素的 Outer Div，并且在这个 div 中我想有一个更宽的 Inner Div，只是为了将更多的水平内容放入窗口中。

截至目前，以下 CSS 尚未实现此目的。任何提示表示赞赏。

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

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

Answer 1

试试这个。我添加了 height 和 background 这样你就可以看到方框了。

The key is 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>