自适应宽度，当页面分辨率小时，拖动X轴的滚轮 宽度被截取的问题

Question

<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被截断了，有办法解决不让截断吗？

Answer 1

为何截断？跟视口有关。

至于解决方案，lz已经找到，min-width。min-width的兼容性是IE7+。

---

顺带一提，对常规流内的块级元素来说，width:100%是一个几乎无用的属性设置。常规流内的块级元素自动会适应于其包含块的content-box的宽度。

Answer 2

刚刚看一个全屏背景图片的网站 看到了这个属性：min-width:1000px;问题解决了~但是不知道min-width兼容性如何