css之min-width

问题：浏览器屏幕缩小后，导航条不显示全屏宽度

有一次编辑网页后查看效果，导航条宽度设置的：width: 100%,即浏览器宽度的100%，
但是，当页面缩小到一定程度后，导航条不显示全屏宽度，后面一直有40px像素的空白，

解决方法：设置min-width

试了好几种方法不能成功去掉空白，我的网页版心宽度设置的1000px，后面导航条加上min-width:1000px后，空白问题解决，

自我思考：

应该是浏览器有默认最小宽度960px，浏览器屏幕缩小到一定程度后，浏览器自动变成宽度960，导航条设置的浏览器宽度的100%，所以也变成宽度960px，所以需要设置min-width