<style type="text/css">
.div2{width: 100%;background: #ccc;}
.div1{width:1000px;margin: 0 auto;}
</style>
<div class="div2">
<div class="div1">
111111
</div>
</div>
当页面缩小到小于1000PX的时候，会出现X轴的滚轮，向右拖动X轴的滚轮，发现div1被截断了，有办法解决不让截断吗？
为何截断？跟视口有关。
至于解决方案，lz已经找到，min-width。min-width的兼容性是IE7+。
顺带一提，对常规流内的块级元素来说，width:100%是一个几乎无用的属性设置。常规流内的块级元素自动会适应于其包含块的content-box的宽度。
刚刚看一个全屏背景图片的网站 看到了这个属性：min-width:1000px;问题解决了~但是不知道min-width兼容性如何