This topic created in 3813 days ago, the information mentioned may be changed or developed.
.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 Nov 20, 2015 一般来说， max-width 应该给固定值。就是第二种写法 看起来两种写法很多情况下都不会有同样的效果，比如 .container 的父元素宽度大于 800px 的时候，第一种 .container 宽度只有 800 ，第二种 .container 可以小于 800 |
 | 2 leetom OP |
| 3 learnshare Nov 20, 2015 @leetom 因为你设置了 max-width ， width 实际值不会超过它 |
| 4 leetom OP @learnshare 父元素超过 800 ，第二种情况应该是正好 800px （不考虑 margin padding ）啊，怎么会小于？ |
| 5 learnshare Nov 20, 2015 @leetom 我是说 [可以小于]，这个时候的确是 [恰好等于] 800 |
Select Language