这是一个创建于 3072 天前的主题，其中的信息可能已经有所发展或是发生改变。
.container {
width: 800px;
max-width: 100%;
}
.container {
width: 100%;
max-width: 800px;
}
如上，两种写法似乎能实现相同的效果，哪个是通用做法，有什么区别吗？
width: 800px;
max-width: 100%;
}
.container {
width: 100%;
max-width: 800px;
}
如上，两种写法似乎能实现相同的效果，哪个是通用做法，有什么区别吗？
 |
1
learnshare 2015-11-20 11:48:06 +08:00
一般来说， max-width 应该给固定值。就是第二种写法
看起来两种写法很多情况下都不会有同样的效果，比如 .container 的父元素宽度大于 800px 的时候，第一种 .container 宽度只有 800 ，第二种 .container 可以小于 800 |
 |
2
leetom OP |
|
3
learnshare 2015-11-20 12:39:53 +08:00
@leetom 因为你设置了 max-width ， width 实际值不会超过它
|
|
4
leetom OP @learnshare 父元素超过 800 ，第二种情况应该是正好 800px （不考虑 margin padding ）啊，怎么会小于？
|
|
5
learnshare 2015-11-20 12:52:28 +08:00
@leetom 我是说 [可以小于]，这个时候的确是 [恰好等于] 800
|
Select Language