内部Div宽度大于外部div

Question

假设我有一个大小为1200px的外部Div，并且在这个div中我想要一个更宽的内部Div，只是为了将更多水平的东西装入窗口。

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

试试这个。我添加了height和background，因此您可以看到这些框。

  

关键是overflow: auto

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

您只是没有视觉，但要添加，请尝试添加溢出属性和一些颜色：

.OuterDiv {
  width: 1200px;
  height: 500px;
  background-color: #f00;
  overflow: scroll;
}
.InnerDiv {
  width: 1400px;
  height: 500px;
  background-color: #0f0;
}