父div 自动适应子div 宽度，撑开浏览器的宽度。

看到标题的时候，一下子不知道说的是什么意思？

我解释一下：

就是在默认的情况下，当我们设置<div style="width:100%;"></div>的时候div的宽度为浏览器的宽度。

现在有这样一个布局：

<div id='father' style='height:200px;background:green;'>
<div id='content'>content</div>
<div id='child' style='width:4000;height:100;background:red;'></div>
</div>

出来的效果：

当我拖动滚动条的时候，看到子div 已经超过父div的宽度了。这样很是影响布局效果。

我们可以让父div 不受浏览器的影响。可以让父div脱离文档标准输出流。

效果：