min-width和width

Question

看到有一些样式既设置了min-width又设置了width，两个同时设置有什么用

Answer 1

比如说你把width设为:
.toolBarBody{
min-width:720px;
width:100%
}
这样的话这个div块宽度随着网页的大小变化，网页在全屏的时候div宽度也全屏，但是网页缩到无论怎么小的时候，div最小宽度也就720px；
但是按你图片里的写法，一般来说width基本就是840px，除非你样式乱套的时候，会产生变化。

Answer 2

width为百分比的话,根据百分比换算后不会小于min-width,防止网页窗口缩小的时候导致布局混乱.

Answer 3

默认宽度和最小宽度

Answer 4

最小宽度，无论如何宽度都不会低于这个值的意思

Answer 5

当设置了最小宽度，低于最小宽度的声明自动被改为最小宽度的值，则默认宽度为最小宽度的值
如:
p{
...
width:10px;/width低于最小宽度，被改为width:150px;/
min-width:150px;
width:100px;/width低于最小宽度，被改为width:150px;/
...
}