外部DIV如何强制宽度不被内部DIV撑开？

未加工
<div   style= "width:800px;   border:1px   solid   red; ">
      <div   style= "width:900px;   border:1px   solid   black; ">
      </div>
</div>

<br>
超出出现滚动条
<div   style= "width:800px;   border:1px   solid   GREEN;overflow:auto; ">
      <div   style= "width:900px;   border:1px   solid   black; ">
      </div>
</div>

<br>

超出隐藏
<div   style= "width:800px;   border:1px   solid   BLUE;overflow:hidden; ">
      <div   style= "width:900px;   border:1px   solid   black; ">
      </div>
</div>