Question

对一个div 做了一些设置width:100%;min-width:980px;height:1000px;border:1px solid red;

设置最小宽度是980px，怎么显示的100%啊？求高手指教

Answer 1

min-width属性是对元素的宽度设置一个最小限制。因此，元素可以比指定值宽，但不能比其窄。

追问

那我上面对div做的设置，宽度窄了？

追答

min-width是为了当网页变化时元素不会随网页窗口无限缩小。当前你设置width:100%;min-width:980px;所以当网页宽度大于980px，div元素宽度会显示100%的窗口宽度，但是当窗口缩小宽度小于980px，div元素不会继续缩小，会保持在980px，网页会出现滚动条。

Answer 2

如果当前div的默认宽度超过了980px，就会显示100%了，这是你的样式理解，你看你是否写错，应该写成max-width才符合你的要求吧？