看到标题的时候,一下子不知道说的是什么意思?
我解释一下:
就是在默认的情况下,当我们设置<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脱离文档标准输出流。
效果: